Hacer una tienda online sobre informática en la que habrá que aplicar lo aprendido durante el curso, es decir, HTML, CSS y JavaScript.

Pulsando en leer mas se muestra todo el código, que no es poco.

CÓDIGO HTML:

CÓDIGO JAVASCRIPT:

CÓDIGO CSS:

La entrada Practica HTML, CSS, JavaScript: «Tienda Online» aparece primero en el blog de giltesa.

Nuestra pagina principal, al igual que las estadísticas, necesitan para funcionar PHP y las bases de datos MYSQL, a continuación se detalla los pasos a seguir para instalar PHP y MYSQL y crear usuarios y tablas en la base de datos:

Instalamos los siguientes paquetes:

# apt-get update
# apt-get install php5
# apt-get install mysql-server

Y si lo deseamos, la interfaz gráfica de MYSQL, aunque lo haré por comandos:
	# apt-get install mysql-admin

Ahora, para que los tres servicios, Apache, PHP y MYSQL, funcionen entre si instalaremos:

# aptitude install libapache2-mod-auth-mysql
# aptitude install php5-mysql

Ahora podemos reiniciar apache y a continuación crear el usuario, las bases de datos y atorgar los permisos necesarios:

# /etc/init.d/apache2 restart

Iniciamos sesión en MYSQL:

# mysql -u root -p

Comprobamos antes si la base de datos que vamos a crear no exista ya, si muestra un error es que no existe:

USE nombreDeLaBaseDeDatos

Creamos la base de datos:

CREATE DATABASE nombreDeLaBaseDeDatos DEFAULT CHARSET utf8;

Y ahora el usuario y los permisos que tendrá en esa base de datos:

GRANT ALL PRIVILEGES ON nombreDeLaBaseDeDatos.* TO 'elUsuarioAlQueLeEstamosCreandoLaBD'@'localhost' IDENTIFIED BY 'contraseñaDelUsuarioAlQueLeEstamosCreandoLaBD' WITH GRANT OPTION;

Al pulsar intro se nos pedirá la contraseña para ese usuario que sera la que necesite mas adelante para que, wordpress, piwik, etc. pueda gestionar la base de datos.

La entrada Practica final servicios en red: Servidor web hosting. PHP y MYSQL aparece primero en el blog de giltesa.

Cuando un cliente quiera darse de alta sus datos tendrán que ser enviados al servidor de forma segura de forma que no se pueda, o sea mas difícil, que alguien con malas intenciones se haga con ellos.

Para ello necesitamos un certificado que nos abale como servidor de confianza y que nos permita mandar la información de forma segura. Puesto que esto es una practica y la forma de obtener ese certificado es pidiéndoselo por ejemplo a la casa Moneda y Timbre, y puesto que no lo vamos a pedir, lo que haremos sera auto firmarlo por nosotros mismos. La información se mandara de forma segura pero el cliente a la hora de realizar la conexión su navegador le avisara de que el certificado no es seguro.

Para hacerlo seguiremos los siguientes pasos:

Instalamos, si no los tenemos ya, los siguientes paquetes:

# apt-get update
	# apt-get install ssl-cert
	# apt-get install apache2-utils

make-ssl-cert generate-default-snakeoil

a2enmod ssl

cp /etc/apache2/sites-available/default-ssl /etc/apache2/sites-available/www-ssl

	<VirtualHost *:443>
	ServerName www.giltesa.smr
	DocumentRoot /home/www
	DirectoryIndex index.html index.htm index.php default
	<Directory /home/www/>

ln -s /etc/apache2/sites-available/www /etc/apache2/sites-enabled/www

# /etc/init.d/apache2 restart

La entrada Practica final servicios en red: Servidor web hosting. HTTP bajo SSL aparece primero en el blog de giltesa.

Por ahora llevamos hecho la parte relacionada con: NAT, Red, Usuarios, SSH, FTP y DNS.

Iba a hacer una reseña sobre el servicio DDNS pero al final no lo veo necesario ya que sólo nos serviría para hacer un ping a una dirección de dominio y así poder saber nuestra IP publica para configurarla como dirección de DNS del equipo. Después para acceder a nuestras páginas lo haríamos de forma normal introduciendo la dirección: elsubdominioquesea.giltesa.smr.

En cualquier caso, para los interesados, aquí ya explique en que consiste y como hay que aplicarlo.

Así pues vamos a empezar con el servicio de paginas web, Apache.
Apache es el servicio web que usaremos, se encargara de mostrarnos las páginas que le indiquemos y de mostrar la adecuada según con el dubdominio con el que accedamos. Por ejemplo, si entramos desde: www.giltesa.smr se nos mostrara la página principal para la contratación del hosting, en cambio si ponemos xpc.giltesa.smr se mostrara la página de un cliente.

Esto lo haremos todo desde los ficheros de configuración, pero antes hay que instalarlo, para ello:

Instalacion:

	# apt-get update
	# apt-get install apache2

Durante la instalación debemos de asegurarnos de que se nos pide confirmación para instalar los siguientes paquetes, si faltas alguno tendremos que instalarlo a mano:

	apache2.2-common
	apache2.2-bin
	apache2-mpm-worker
	apache2-utils

Ahora configuraremos el servicio:

	cd /etc/apache2/sites-available

Una vez dentro veremos que hay un par de ficheros, uno llamado default y otro default-ssl, el segundo hasta la siguiente entrada no lo tocaremos, sin embargo el primero si. Haremos de él tantas copias como subdominios necesitemos, por ejemplo www y xpc:

	cp default www
	cp default xpc

Después deberemos de modificar el fichero recién copiado, www, y añadir o modificar las siguientes lineas:

	ServerName www.giltesa.smr
	DocumentRoot /home/www
	DirectoryIndex index.html index.htm index.php default

Recordemos que la carpeta personal de cada usuario y a la cual tiene acceso mediante FTP es la de su home, es por ello que cada fichero (sitio) configurado apunta a la carpeta personal de ese usuario.

Por ultimo, para que el sitio recién creado sea accesible primero debemos de activarlo, pues los ficheros que hemos creado dentro de «sites-available» sólo están guardados allí, para que apache los utilice hay que crear un enlace simbólico de cada uno de ellos dentro del directorio «sites-enabled», para ello ejecutaremos:

ln -s /etc/apache2/sites-available/www /etc/apache2/sites-enabled/www

Ahora reiniciamos el servicio para que se apliquen los cambios:

# /etc/init.d/apache2 restart

Y ya tenemos configurado el servicio para que haga de servidor web. Si configuramos correctamente el servicio DNS y el fichero resolv.conf de la entrada anterior, entonces, y sólo entonces. Podremos abrir el navegador y escribir por ejemplo: www.giltesa.smr , pero ojo, como aun no hemos guardado ninguna página sólo se nos mostrara el contenido del directorio

La entrada Practica final servicios en red: Servidor web hosting. Apache aparece primero en el blog de giltesa.

Al pulsar la tecla intro el navegador accederá a la página, pero para ello antes ha tenido que conseguir la IP publica que le corresponde a ese dominio, ya que los nombres de dominio como www.ubuntu.com, es.wikipedia.org, etc. nos van a nosotros muy bien para aprenderlos de memoria, sin embargo los ordenadores no se comunican a través de nombres de dominio, si no a través de direcciones IP. Es por ello que al pulsar la tecla intro, el navegador consulta que IP le corresponde a ese dominio, para ello usa los servidores DNS que tengamos configurados en el equipo o en el servidor DHCP del router que nos asignara los parámetros IP si nuestro equipo cliente así los pidiese.

Sin embargo se nos presenta un problema, y es que nuestro dominio no existe ni vamos a comprarlo para una practica pues no sale a cuenta. Y como no existe, cuando el navegador utilice los servidores DNS estos no sabrán darle una respuesta y no nos cargara ninguna página o nos saltara un error advirtiéndonos de ello.
Para solventarlo deberemos de poner la IP publica del router, al cual esta conectado nuestro servidor y el cual ademas tiene perfectamente configurado los puertos necesarios, en la configuración de nuestro ordenador, de forma que así consigamos que, al pulsar intro, el navegador pueda consular al servidor DNS de nuestro propio servidor y este le responda sobre el dominio preguntado, como www.giltesa.smr, pepe.giltesa.smr, maria.giltesa.smr, etc.

Y para ello, necesitamos contar con un servidor DNS así que vamos a pasar a instalarlo y configurarlo:

Instalar:

# apt-get update
# apt-get install bind9

Directorio de configuración:

cd /etc/bind

Lo primero es añadir nuestra nueva zona o dominio del cual nosotros somos autoridad, para ello editamos el siguiente fichero y añadimos las siguientes lineas al final del todo:

# nano named.conf.default-zones

	zone "giltesa.smr" {
		type master;
		file "/etc/bind/db.giltesa";
	};

Como vemos, en el la linea «zone» donde pone «giltesa.smr» corresponde al dominio del que nos vamos a hacer cargo, un dominio inventado, y al final de las lineas, donde pone «file» deberemos de poner la ruta del fichero que contendrá la información (base de datos) y que crearemos y configuraremos a continuación:

Para no empezar desde cero podemos copiar el fichero db.empty para usarlo como plantilla:

# cp db.empty db.giltesa

Después lo editamos según nuestras necesidades, en nuestro caso:

# nano db.giltesa
	$TTL    86400
	@       IN      SOA     dns.	root.dns. (
		1            ; Serial
		604800       ; Refresh
		86400        ; Retry
		2419200      ; Expire
		86400        ; Negative Cache TTL
	)
	;

	@       IN      NS      dns.
	dns     IN      A       82.198.42.31

	www      IN      CNAME   dns
	maria    IN      CNAME   dns
	pepe     IN      CNAME   dns

Si no me confundo, la «@» hace referencia al fichero que configuramos antes, después el registro «SOA» contiene información sobre el DNS, «dns.» indica el nombre de host del servidor.
En «@ IN NS dns.» se especifica que el NameServer de esa zona es «dns.» y justo en la linea inferior se especifica la IP de ese servidor de nombres, esa IP tiene que ser la IP publica que tengamos, si la IP que proporciona nuestro ISP es dinámica tendremos que editarla cada vez que nos la cambien.

Por ultimo, las tres lineas siguientes indican que el subdominio «www», «maria», «pepe» son los Alias de «dns» y este a su vez apunta a nuestra IP. De forma que si consultamos el nombre del dominio «www.giltesa.smr», «maria.giltesa.smr» y «pepe.giltesa.smr» todos apuntaran a la misma IP. Después el servidor web ya se encargara de mostrar el directorio correcto según el nombre de dominio con el que hayamos llegado.
También, como habremos imaginado, tendremos que crear un Alias nuevo por cada subdominio que queramos agregar.

Ahora vamos a agregar al servidor nuestra IP como servidor DNS para que podamos hacer pruebas desde el navegador. Para ello editamos este fichero y agregamos la siguiente linea:

# nano /etc/resolv.conf
	nameserver 127.0.0.1

Para asegurarnos que toda la configuraciones son correctas podemos hacer varias pruebas. Con la siguiente nos aseguramos que la sintaxis de los ficheros están bien, ojo, podemos haber configurado mal el servidor y la sintaxis estar bien, en ese caso al ejecutar el siguiente comando no nos daría error pero el servidor DNS no iría: (si no da ningún mensaje esta todo correcto)

# /usr/sbin/named-checkconf

Con el siguiente comando comprobamos que el fichero de zona este bien y que el fichero de base de datos sea accesible. (comando | zona | directorio base de datos)

# /usr/sbin/named-checkzone giltesa.smr /etc/bind/db.giltesa

Ahora con todo configurado y chequeado podemos reiniciar el servicio:

# /etc/init.d/bind9 restart

Y por ultimo podemos usar el comando «dig» para hacer consultas al propio DNS y que este nos responda:

dig @localhost www.giltesa.smr
dig @localhost pepe.giltesa.smr

La entrada Practica final servicios en red: Servidor web hosting. DNS aparece primero en el blog de giltesa.

Este es muy fácil:

Sólo tenemos que instalar el paquete, y si queremos se puede bloquear a los usuarios para que no puedan conectarse por SSH, en nuestro caso esto ya lo hicimos de otra forma en la entrada anterior. Da problemas así que finalmente se denegara desde aquí.

Instalar:
	# apt-get update
	# apt-get install ssh

Denegar usuarios:

	# nano /etc/ssh/sshd_config
		DenyUsers pepe, maria, carlos

O mejor aun, si todos los usuarios que hemos ido creando los fuimos añadiendo al grupo clientes, ahora con solo poner esto ya estarán todos bloqueados (así nos evitamos editar cada vez el fichero del ssh):

	# nano /etc/ssh/sshd_config
		DenyGroups clientes

Reinicio de servicio:

	# /etc/init.d/ssh restart

La entrada Practica final servicios en red: Servidor web hosting. SSH aparece primero en el blog de giltesa.