42
2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez Curso: 2013-14 Práctica 1: Preparación del entorno de desarrollo y servidores de aplicaciones web 1. Instala en tu maquina virtual y realiza un tutorial con las capturas que sea necesarias el servidor web APACHE, el preprocesador PHP y el sistema gestor de bases de datos MYSQL, en WINDOWS 7. Instalación de mysql Primero vamos a la web y descargamos el paquete correspondiente 5.6.14 en este caso.

Tutoriales por francisco jose fernandez estevez (2)

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Práctica 1: Preparación del entorno de desarrollo y servidores de aplicaciones web

1. Instala en tu maquina virtual y realiza un tutorial con las capturas que sea necesarias el servidor web

APACHE, el preprocesador PHP y el sistema gestor de bases de datos MYSQL, en WINDOWS 7.

Instalación de mysql

Primero vamos a la web y descargamos el paquete correspondiente 5.6.14 en este caso.

Page 2: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Luego una vez descargado le damos a instalar.

Le damos a instalación personalizada. (custom)

Page 3: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Marcamos los paquetes que necesitamos instalar. Y le damos a siguiente a continuación procederán a la descarga

A continuación le indicamos para que utilizaremos la maquina en este caso es para web pero local por ello le marco

la opción por defecto. O server si la vamos a utilizar con salida a internet u otras redes

Page 4: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Le indicamos al contraseña al root y podremos añadir mas usuarios abajo.

Los últimos pasos es esperar a que termine la instalación y listo.

Aquí lo podemos ver funcionando.

Page 5: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Page 6: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Instalación de apache2.2

Vamos a la web y descargamos la versión deseada. 2.2 en mi caso. (lego me lleve el paquete a la maquina

Windows 7 que no tenia internet.)

Una vez descargado lo ejecutamos y empezamos con la instalación. Aceptamos los términos de la licencia.

Page 7: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Le indicamos nuestro nombre de dominio un correo y el nombre del server. Nombre imaginario claro

Vamos ha indicarle la opción de personalizada para ver mas opciones. aun que no cambiaremos nada mas

Page 8: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Una vez terminado tendremos abajo a la derecha nuestro icono de apache para parar o arrancarlo o reiniciarlo.

Page 9: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Instalación de Php 5.4.20 en Windows.

Primero vamos a la web y descargamos la versión estable. En mi caso la 5.4.20

Antes de empezar con la instalación cambiamos la variable del patch en configuración avanzada de Windows y

añadimos c:/php que es donde descomprimiremos el php

Page 10: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Descomprimimos el paquete de php en la raíz en una carpeta llamada php y empezamos a modificar sus archivos.

Hay que cambiar ciertas variables del archivo php.ini este archivo no lo tienes por defecto tienes que coger el

php.ini-deploiment y renombrarlo a php.ini

Page 11: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Luego vamos cogiendo ese documento y dejándolo igual que en las capturas.

Page 12: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Una vez modificado esas variables tenemos que enlazar apache con php para que este pueda comunicarse.

Nos vamos a web/conf que es donde instalamos apache2 y modificamos/añadimos los siguientes cambios

en el archivo httpd

Page 13: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Una vez terminado reiniciamos apache y comprobamos si php funciona para ello tenemos que crear un fichero de

comprobación en /web/htdocs llamado info.php con el siguiente contenido.

Page 14: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Una vez guardado el archivo nos vamos a un navegador y introducimos localhost/info.php o 127.0.0.1/info.php y

debería salir algo como en la imagen

Page 15: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

2 Instala en tu maquina virtual y realiza un tutorial con las capturas que sea necesarias el servidor web APACHE, el

preprocesador PHP y el sistema gestor de bases de datos MYSQL, en UBUNTU.

Primero abrimos una maquina con Ubuntu y nos sudeamos con sudo-i

Luego introducimos en un comando la orden para que instale los tres paquetes

Page 16: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Tardará un poco en instalarse y luego nos pedirá que escribamos una contraseña para el root de myql

Le introducimos la contraseña y la confirmamos

Page 17: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Para comprobar reiniciamos apache

Y seguidamente mysql, después de esto cambiamos los permisos a la carpeta /var/www y por ultimo

creamos un fichero llamado info.php

Page 18: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Una vez creado lo guardamos en la ruta y listo ahora solo falta comprobar si todo funciona.

Page 19: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Comprobamos apache introduciendo 127.0.0.1 en el navegador debería poner its Works luego añadimos

info.php y debería salir la configuración de php si todo va bien y por último en el terminal entramos a

mysql para ver que funciona

APACHE

OK

PHP OK

MYSQL OK

Page 20: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

2. Realizar los puntos 1 y 2 para instalar la aplicación PHPMyAdmin.

Phpmyadmin en Windows.

Para esto seguimos en la máquina del punto1

Descargamos el paquete phpmyadmin de la web oficial.

Una vez descargado lo descomprimimos y lo depositamos en c:/web/htdocs con el nombre de

phpmyadmin

Page 21: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Abrimos el archivo config.inc.php y modificamos la siguiente variables.

Si no tenemos el archivo siempre podemos coger el config.inc.samples.php yy hacerle una compia con el

nombre

config.inc.php

Page 22: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

$cfg['PmaAbsoluteUri'] = ‘http://localhost/phpMyAdmin’;

$cfg['Servers'][$i]['host'] = ‘localhost’;

El host o número de IP del servidor de la base de datos MySQL

$cfg['Servers'][$i]['user'] = ‘usuario’;

Usuario de la base de datos.

$cfg['Servers'][$i]['password'] = ‘contraseña’;

La contraseña del usuario de la base de datos

Page 23: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Una vez hecho esto desde el navegador entramos en localhost/phpmyadmin y nos pedirá user and

password y listo

Page 24: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Phpmyadmin en Ubuntu.

Primero nos sudeamos y luego hacemos un apt-get install phpmyadmin y le damos a y para iniciar la

instalacion

Luego le indicamos que nuestro servidor web es apache2

Page 25: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Confirmamos que queremos utilizar nuestra base de datos

Page 26: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Tendremos que indicarle la contraseña de mysql y luego confirmarla y una contraseña nuevamente para el

usuario root de phpmyadmin.

Reiniciamos apache para que no nos de fallos y reconozca a phpmyadmin.

Page 27: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Por ultimo vamos a nuestro navegador y ponemos 127.0.0.1/phpmyadmin e introducimos el usuario rrot y

la contraseña.

Page 28: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

3. Realizar el punto 1 para instalar la aplicación XAMPP.

Para instalar xampp he debería ser una maquina limpia vamos a la web sourceforce y bajamos la versión

para Windows.

Una vez descargado lo ejecutamos ya que es un .exe y marcamos los paquetes que queremos instalar.

Page 29: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Esperamos a que termine de instalarlos siguiente

Y listo le damos a arrancar el panel de control y listo . en la imagen falla el mysql porque

ya estaba instalado y crea conflicto pero los demás paquetes funcionan.

Entramos en 127.0.0.1 y tenemos el panel de configuración de xampp . listo.

Page 30: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

4. Realizar el punto 2 para instalar la aplicación LAMPP

Para que no haiga confusiones he creado otra máquina de Ubuntu limpia así no tendré conflictos con los

ejercicios anteriores.

Primero nos tenemos que baja el paquete de la web en mi caso el 1.8

Lo guardamos y ahora procedemos a descomprimirlo por en mi caso por ej . /opt.

Page 31: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Ahora en vez de arrancar todos los servicios en modo comando el xampp viene con una consola para

hacerlo con 3 clics introduciendo el siguiente comando

sudo /opt/lampp/share/xampp-control-panel/xampp-control-panel

Le damos permisos a la carpeta htdocs para poder alojar web hay sin problemas de escritura.

Page 32: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Listo!!!! (que no que quedan dos pasos)

Page 33: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Una vez que ya has arrancado ya funciona fácil no?, pero falta algo de seguridad las contraseñas de todo

esto si intentas entrar en phpmyadmin no te dejara porque no tiene password

Ejecutando este comando ira pidiendo todas las contraseñas.

sudo /opt/lampp/lampp security

Page 34: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Listo ahora ya podemos acceder a todos nuestros servicios instalados. Comprobamos la seguridad y todo

verde. Detalle el usuario es “lampp” es asi por defecto.

Page 35: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

5. Realizar un tutorial para instalar IIS.

Para instalar ii necesitamos is a todos agregar o quitar características de Windows en el desinstalador de

programas y marcar los paquetes necesarios como muestra en la imagen.

Una vz instalado reiniciamos y listo

Page 36: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

6. Realizar un tutorial para instalar TOMCAT en Windows 7.

Para esto es necesario tener java instalado

http://www.java.com/es/download/chrome.jsp?locale=es

Primero vamos a la web de tomcat.apache.org y bajamos la versión para Windows

Una vez descargado lo ejecutamos.

Page 37: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Luego extrañamente no puedo seguir con la instalación por que jhava no quiere instalarse en la maquina

virtual…

Page 38: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Le indicamos la contraseña y el usuario y los puertos de tomcat.

Page 39: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

7. Realizar un tutorial para instalar TOMCAT en Ubuntu.

Primero como sabemos nos ara falta java para ello lo descargamos con un apt-get install default-jdk

Page 40: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Luego bajamos de la web oficial el tomcat para ubntu

Una vez descargado lo descomprimimos como con el comando tar

Page 41: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Ahora movemos el tomcat a una ubicación mas adecuada n mi caso /usr/share/tomcat

Ahora modificamos las variable para enlazarlo con java

Page 42: Tutoriales por francisco jose fernandez estevez (2)

2º ASIR: Implantación de aplicaciones web Prof.: Juan José Sánchez Pomares

Nombre y Apellidos Alumno:Francisco Jose Fernandez Estévez

Curso: 2013-14

Una vez modificado eso falta dar de alta un usuario para que maneje el tomcat dentro de la carpeta econf

de tomcat el archivop tomcat-users.conf ç

Para las siguientes practicas me he creado una maquina Linux toltamente limpia de prubas con los

paquetes necesarios instalados individualmente. Y para Windows una maquina con xampp