Proyecto en equipo servidor WEB y FTP

Hecho por: Guerrero Durán César Antonio y García Duran Luis Alberto

Erick Zamora Flores

5ºA Programación

Fecha de entrega: Miércoles 19 de septiembre

 

Servidor WEB y FTP (Manual)

Investigar y montar un servidor WEB utilizando XAMPP, creando un manual, y explicando paso por paso el proceso de instalación y configuración.

 

Xampp

Es el entorno más popular de desarrollo con PHP. XAMPP es una distribución de Apache completamente gratuita y fácil de instalar que contiene MySQL, PHP y Perl. El paquete de instalación de XAMPP ha sido diseñado para ser increíblemente fácil de instalar y usar. XAMPP es una forma fácil de instalar y utilizar la distribución Apache que contiene MySQL, PHP y Perl.

XAMPP es un servidor, para desarrollar aplicaciones en php, con conexión a base de datos sql (LAMPP= Linux + Apache + MySQL + PHP + Perl). Facilita la instalación de un servidor web Apache a gente que no tenga muchos conocimientos técnicos y configurar MySQL, PHP y Perl.

Instalación de Xampp

Pasos a seguir:

1.- Antes de empezar a instalar un servidor de páginas web siempre es conveniente comprobar si no hay uno ya instalado. Para comprobar, es suficiente con abrir el navegador y escribir la dirección http://localhost. Si se obtiene un mensaje de error es que no hay ningún servidor de páginas web en funcionamiento o que no está en funcionamiento.

2.- Bajar el Instalador de Xampp.

1.-

2.-
1.- Descarga de Xampp

3.- Después de que se descargue el archivo .exe, de Xampp lo siguiente que se tiene que hacer es ponerlo en marcha. En algunos casos aparecerá un mensaje si está activado el Control de Cuentas de Usuario, ya que algunos directorios pueden estar restringidos por los permisos.

2.1.-
2.- Mensaje de Aviso

4.- A continuación, se iniciará el asistente de instalación. Para continuar, debemos dar clic en el botón “Next”.

3.-
3.- Asistente de Instalación

5.- Al dar en “Next”, nos aparecerá la pantalla de selección de componentes, se puede elegir la instalación o no de estos componentes. Para seguir estos apuntes se necesita al menos instalar MySQL y phpMyAdmin.

4.-
4.- Selección de Componentes

6.- En la siguiente pantalla se puede elegir la carpeta de instalación de XAMPP. La carpeta de instalación predeterminada es C:\xampp. Si se quiere cambiar, se debe dar clic en el icono de carpeta y seleccione la carpeta donde quiere instalar XAMPP. Para continuar la configuración de la instalación, haga clic en el botón “Next”.

5.-
5.- Dirección de Guardado del programa

7.- La siguiente pantalla nos ofrece información sobre los instaladores de aplicaciones para XAMPP creados por Bitnami. Solo es necesario dar clic en el botón “Next” para continuar.

6.-
6.- Información adicional

8.- Una vez elegidas las opciones de instalación en las pantallas anteriores, esta pantalla es la pantalla de confirmación de la instalación. Haga clic en el botón “Next” para comenzar la instalación en el disco duro.

7.-
7.- Pantalla de confirmación

9.- El proceso de copia de archivos puede durar unos minutos.

8.-
8 Instalación del programa

10.- Una vez terminada la copia de archivos, la pantalla final confirma que XAMPP ha sido instalado. Si se deja marcada la casilla, se abrirá el panel de control de XAMPP. Para cerrar el programa de instalación, haga clic en el botón “Finish”.

9.-
9 Pantalla de confirmación de instalación

 

Configuración

1.- Al abrir el programa, lo primero que nos va a pedir va a ser que seleccionemos el idioma que queremos, solo tendremos dos opciones; inglés y alemán. Al elegirlo solo damos clic en “Save”.

10.-
10 Selección de idioma

2.- Después de elegir el idioma, se abrirá el panel de control principal de Xampp, este se divide en 3 zonas:

  • – La zona de módulos, que indica para cada uno de los módulos de XAMPP: si está instalado como servicio, su nombre, el identificador de proceso, el puerto utilizado e incluye unos botones para iniciar y detener los procesos, administrarlos, editar los archivos de configuración y abrir los archivos de registro de actividad.
  • – La zona de notificación, en la que XAMPP informa del éxito o fracaso de las acciones realizadas
  • – La zona de utilidades, para acceder rápidamente
11.-
11 Panel de Xampp

3.- Iniciar los Servidores

3.1.- Para poner en funcionamiento Apache (u otro servidor), hay que hacer clic en el botón “Start” correspondiente:

12.
12 Funcionamiento de Apache

4.- Si el arranque de Apache tiene éxito, el panel de control mostrará el nombre del módulo con fondo verde, su identificador de proceso, los puertos abiertos (http y https), el botón “Start” se convertirá en un botón “Stop” y en la zona de notificación se verá el resultado de las operaciones realizadas.

13.-
13 Arranque exitoso de apache

4.1.- Para detener Apache (u otro servidor), hay que hacer clic en el botón “Stop” correspondiente a Apache.

14.-
14 Detención de apache

 

4.2.- Si la parada de Apache tiene éxito, el panel de control mostrará el nombre del módulo con fondo gris, sin identificador de proceso ni puertos abiertos (http y https), el botón “Stop” se convertirá en un botón “Start” y en la zona de notificación se verá el resultado de las operaciones realizadas.

Para reiniciar de nuevo Apache habría que volver a hace clic en el botón “Start” correspondiente a Apache.

15.-
15 Parada exitosa de apache

Ejecutar el panel de Control como administrador

En algunas situaciones es necesario ejecutar el panel de control como administrador, por ejemplo, para configurar los servidores como servicios o deshabilitarlos.

Para ejecutar el panel de control como administrador, hay que hacer clic derecho sobre el icono de acceso directo (Inicio > XAMPP Control Panel > y elegir la opción “Más > Ejecutar como administrador”.)

16.-
16 Ejecución en modo administrador

 

Instalar los servidores como servicios.

Si queremos instalar un servidor como servicio, es decir, que se ponga en marcha cada vez que arrancamos el ordenador, hay que marcar la casilla Service correspondiente. Para ello, es necesario iniciar XAMP como administrador.

Iniciando XAMPP como administrador, las casillas de la columna Service muestran el estado de los servicios:

17.-
17 Casillas de servicio

Para instalar un servicio, debemos dar clic en la casilla Service correspondiente, esto hara que nos aparezca una ventana de confirmación:

18.-
18 Instalación de Servicio

 

Al instalarse correctamente, se indicará en el panel inferior y se mostrará con una marca verde en la columna Service.

19.-
19 Indicación de éxito al instalar el servicio

Página web local

1.- Lo primero es crear la página en el bloc de notas, ir al disco duro, buscar la carpeta xampp, dentro de ella habrá otra carpeta llamada htdocs, ahí deberás guardarlo.

19.119.2

19.3
20.- Serie de pasos para ubicar la página creada

 

2.- Lo siguiente es abrir el panel de control de Xampp, deberás correr el “Apache” y el “SQL”, después ir al navegador de tu preferencia y poner en el “localhost/(Puerto de apache con el que está conectado) y con esto aparecerá la página.

21.-
21.- Prueba exitosa con la pagina

Conexión

 

1.- Lo primero es detener todos los servicios que se encuentren activos en el panel de control.

2.- Te diriges al apartado de “Apache”, la opción de “Config”, en él se desplegará varias opciones, presionas la primera (httpd.conf), buscaras el apartado de “Listen 80”, en el debes cambiarlo a “Listen 8080”, lo guardas y cierras esa ventana.

22.-
22 Configuración de apache y su puerto.

 

23.-
23.- Puerto cambiado a 8080

3.- Dirígete de nuevo a la opción de “Config” de apache, ahora te diriges a la segunda opción (httpd-ssl.conf). Buscas otra vez la opción de “listen (Mas un numero)” y lo cambias por 443, lo guardas y cierras esa ventana.

 

24.-
24.- Segunda configuración a apache
25.-
25.- Cambio de “Listen”

 

4.- Entrar al CMD, ingresas “ipconfig”, ahí en la información que aparezca deberás buscar alguna opción que tenga Ipv4.

 

26.-
26.- Obtención del IP.

5.- Inicias los servicios de nuevo de “Apache” y “MySQL”, deberás ir a la otra computadora en donde quieres ver el archivo, en el navegador poner la IP que encontraste más: 8080/ (nombre de la página).

27.-
27.- Prueba exitosa en otra computadora.

Índice

Administrador                  1, 3, 4, 6, 8, 9, 11.

Apache                                1, 2, 4, 5.

Carpeta                                1, 2, 4, 6.

Conexión                            2, 3, 4, 6, 11.

Configuración                   2, 4, 5, 7, 8.

Control                                1, 3, 4, 5.

Ejecutar                               1, 2, 4, 6, 7, 11.

FTP                                        1, 2, 3, 5, 7, 9.

Funcionamiento               1, 2, 3, 6, 8, 9, 11.

Idioma                                 1, 2, 4, 6, 9, 11.

Inicia                                     9, 11.

Instalación                          1, 2, 3, 5, 6, 7, 9, 11.

Linux                                     1, 3, 7.

Local                                     1, 2, 3, 5, 6, 8, 9, 10.

MySQL                                 1, 2.

Navegador                         1, 2, 3, 5.

Página                                  2, 3, 5, 6, 8, 9, 10, 11.

Panel                                    2, 3, 4, 6.

PHP                                       1, 3.

Principal                              1, 3, 4, 6, 7, 8, 9.

Servicio                                1, 2, 3, 4, 5, 6, 7, 8, 9, 11.

SQL                                        1, 2.

Técnicos                              1, 3, 4, 6, 7, 8, 9, 11.

Web                                      1, 2, 4, 5, 6, 7, 8, 9, 11.

Xampp                                 1, 3, 4.

 

Referencias

S.A. (2016). XAMPP: instalación y primeros pasos. Septiembre 15, 2018, de 1and1 Sitio web: https://www.1and1.mx/digitalguide/servidores/herramientas/instala-tu-servidor-local-xampp-en-unos-pocos-pasos/

S.A. (S.F.). El Panel de Control de XAMPP. Septiembre 16, 2018, de Mclibre Sitio web: http://www.mclibre.org/consultar/php/otros/xampp-instalacion-windows.html#panel-control

Yagami, L. (S.F.). Subir una Página Web, Pruebas. Septiembre 15, 2018, de Blogspot Sitio web: http://alguntipodeinformacion.blogspot.com/2015/06/subir-una-pagina-web-pruebas-part1.html

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s