Cómo habilitar SSL para localhost en WAMPServer

Editado 3 hace días por ExtremeHow Equipo Editorial

WAMPServerSSLSeguridadLocalhostWindowsHTTPSConfiguraciónServidorDesarrollo webApache

WAMPServer es una opción popular entre los desarrolladores para probar aplicaciones PHP en sus máquinas locales. Es una pila basada en Windows que incluye Apache, MySQL y PHP. Al desarrollar aplicaciones, tener SSL habilitado en tu localhost puede ser útil por varias razones, incluyendo monitorear cómo se comporta tu aplicación bajo conexiones HTTPS, manejar cookies seguras o trabajar con bibliotecas de terceros que requieren conexiones seguras.

En esta guía, aprenderemos cómo habilitar SSL para localhost en WAMPServer. El proceso implica crear un certificado SSL autofirmado y configurar el servidor Apache para usarlo en conexiones HTTPS. Este es un tutorial completo paso a paso que cubrirá todas las configuraciones necesarias.

Paso 1: Crear un certificado SSL autofirmado

El primer paso para habilitar SSL en tu localhost es crear un certificado SSL autofirmado. Un certificado autofirmado es adecuado para fines de desarrollo donde la seguridad no es una preocupación, y no deseas comprar un certificado de una autoridad certificadora.

Para crear un certificado autofirmado, utilizaremos OpenSSL, que está incluido con WAMPServer. Estos son los pasos:

1. Abre el menú de WAMPServer desde la barra de tareas y selecciona "Abrir terminal" o "Abrir ventana de comandos aquí".
2. Navega al directorio de Apache ejecutando el siguiente comando: cd C:\wamp64\bin\apache\apacheX.XX\bin Sustituye apacheX.XX con tu versión específica de Apache.
3. Genera la clave privada haciendo lo siguiente:

   OpenSSL genpkey -algorithm rsa -out localhost.key

4. A continuación, crea una solicitud de firma de certificado (CSR) con este comando:

   OpenSSL req -new -key localhost.key -out localhost.csr

5. Cuando se te pida, ingresa los detalles requeridos. Para el Nombre Común (CN), usa localhost ya que lo estamos creando para desarrollo local.
6. Finalmente, genera un certificado autofirmado válido por 365 días:

   OpenSSL x509 -req -days 365 -in localhost.csr -signkey localhost.key -out localhost.crt

Al final de este proceso, deberías tener dos archivos: localhost.key y localhost.crt, que representan la clave privada y el certificado, respectivamente. Estos archivos se usarán para configurar Apache para SSL.

Paso 2: Configurar Apache para SSL

Una vez que los certificados SSL estén listos, el siguiente paso es configurar Apache en WAMPServer para que los use en conexiones seguras. Esto implica editar los archivos de configuración de Apache y asegurarse de que el módulo SSL esté habilitado.

Habilitar el módulo SSL

Antes de configurar Apache para SSL, asegúrate de que el módulo SSL esté habilitado. Para hacer esto, sigue estos pasos:

1. Abre el Administrador de WAMPServer, ve a "Apache" > "Módulos de Apache".
2. Desplázate por la lista y encuentra ssl_module. Asegúrate de que esté marcado o habilitado.

Editar la Configuración de Apache

Ahora, modifiquemos los archivos de configuración de Apache para referenciar el certificado SSL que creamos.

1. Ve al directorio de configuración de Apache. Normalmente, se encuentra en C:\wamp64\bin\apache\apacheX.XX\conf.
2. Abre httpd.conf en un editor de texto y asegúrate de que la siguiente línea no esté comentada:

   loadmodule ssl_module modules/mod_ssl.so

3. Encuentra la línea:

   #include conf/extra/httpd-ssl.conf

   Descoméntala eliminando el símbolo #:

   include conf/extra/httpd-ssl.conf

Editar el archivo de configuración SSL

Ahora abre httpd-ssl.conf, que se encuentra en el directorio conf/extra.

1. Observa la sección que define VirtualHost para el puerto 443.
2. Modifica las siguientes líneas para indicar los archivos de certificado y clave que has creado:

   SSLCertificateFile "C:/wamp64/bin/apache/apacheX.XX/bin/localhost.crt"
   SSLCertificateKeyFile "C:/wamp64/bin/apache/apacheX.XX/bin/localhost.key"

Asegúrate de que las rutas se refieran a la ubicación donde guardaste tus archivos localhost.crt y localhost.key.

Paso 3: Reiniciar WAMPServer

Después de hacer los cambios de configuración, reinicia WAMPServer para aplicarlos. Esto se hace haciendo clic en el icono de WAMPServer en la barra de tareas y seleccionando "Reiniciar Todos los Servicios".

Paso 4: Acceder a tu sitio a través de HTTPS

Después de configurar tu servidor Apache para manejar SSL, ahora puedes acceder a tu proyecto local usando HTTPS. Abre un navegador web y ve a:

https://localhost

Es posible que veas una advertencia indicando que la conexión no es privada. Esto es esperado ya que estamos usando un certificado autofirmado. En un navegador como Chrome, puedes hacer clic en "Avanzado" y luego "Proceder a localhost (no seguro)" para continuar a tu sitio.

Conclusión

Habilitar SSL para localhost en WAMPServer involucra varios pasos, incluyendo la creación de un certificado SSL autofirmado y la modificación de la configuración de Apache. Esta configuración es necesaria para simular un entorno de producción en tu máquina local, especialmente cuando trabajas con aplicaciones que requieren comunicaciones seguras. Siguiendo esta guía, ahora puedes probar la funcionalidad HTTPS en tu entorno de desarrollo local.

  Comparte este artículo

Si encuentras algo incorrecto en el contenido del artículo, puedes solicitar una actualización