Como crear un certificado SSL válido en Localhost

Pasos para Activar SSL en un Dominio Local con XAMPP

1. Abrir el Panel de Control de XAMPP:
   • Asegúrate de que XAMPP esté instalado y en funcionamiento.
   • Abre el Panel de Control de XAMPP y asegúrate de que Apache y MySQL estén iniciados.
2. Crear un Certificado SSL Autofirmado:
   • Navega a la carpeta de instalación de XAMPP. Por defecto, está ubicada en C:\xampp en Windows.
   • Dirígete a la carpeta apache y luego a la subcarpeta bin.
3. Generar el Certificado SSL:
   • Abre la terminal de Windows (cmd) como administrador.
   • Navega a la carpeta bin de Apache. Por ejemplo:bashCopiar códigocd C:\xampp\apache\bin
   • Ejecuta el siguiente comando para generar un certificado SSL autofirmado:bashCopiar códigoopenssl req -new -x509 -days 365 -nodes -out "C:\xampp\apache\conf\ssl.crt\server.crt" -keyout "C:\xampp\apache\conf\ssl.key\server.key"
   • Se te pedirá que ingreses información para el certificado. Puedes llenar los campos según prefieras, pero asegúrate de que el «Common Name» sea el dominio local que usarás (por ejemplo, mi-sitio.local).
4. Configurar Apache para Usar SSL:
   • Abre el archivo de configuración de Apache httpd.conf con un editor de texto como el Bloc de notas. Este archivo se encuentra en C:\xampp\apache\conf\httpd.conf.
   • Descomenta (elimina el símbolo # al principio de la línea) la siguiente línea para habilitar el módulo SSL:apacheCopiar código#LoadModule ssl_module modules/mod_ssl.so
   • También descomenta la línea que carga el archivo de configuración del host virtual de SSL:apacheCopiar código#Include conf/extra/httpd-ssl.conf
5. Configurar el Archivo httpd-ssl.conf:
   • Abre el archivo httpd-ssl.conf que se encuentra en C:\xampp\apache\conf\extra\httpd-ssl.conf.
   • Busca la sección <VirtualHost _default_:443> y asegúrate de que el puerto sea 443 y de que las rutas del certificado SSL sean correctas:apacheCopiar código<VirtualHost _default_:443> DocumentRoot "C:/xampp/htdocs" ServerName mi-sitio.local:443 SSLEngine on SSLCertificateFile "C:/xampp/apache/conf/ssl.crt/server.crt" SSLCertificateKeyFile "C:/xampp/apache/conf/ssl.key/server.key" </VirtualHost>
   • Modifica ServerName para que coincida con el dominio local que estás utilizando.
6. Configurar el Archivo httpd-vhosts.conf:
   • Abre el archivo httpd-vhosts.conf que se encuentra en C:\xampp\apache\conf\extra\httpd-vhosts.conf.
   • Añade una entrada para tu dominio local:apacheCopiar código<VirtualHost *:80> DocumentRoot "C:/xampp/htdocs/mi-sitio" ServerName mi-sitio.local </VirtualHost> <VirtualHost *:443> DocumentRoot "C:/xampp/htdocs/mi-sitio" ServerName mi-sitio.local SSLEngine on SSLCertificateFile "C:/xampp/apache/conf/ssl.crt/server.crt" SSLCertificateKeyFile "C:/xampp/apache/conf/ssl.key/server.key" </VirtualHost>
   • Reemplaza mi-sitio con la carpeta donde se encuentra tu sitio de WordPress en XAMPP.
7. Modificar el Archivo hosts de Windows:
   • Abre el archivo hosts de Windows con permisos de administrador. Este archivo se encuentra en C:\Windows\System32\drivers\etc\hosts.
   • Añade la siguiente línea al final del archivo:plaintextCopiar código127.0.0.1 mi-sitio.local
   • Guarda los cambios.
8. Reiniciar Apache:
   • Vuelve al Panel de Control de XAMPP y reinicia Apache para que los cambios surtan efecto.
9. Probar la Conexión SSL:
   • Abre un navegador y navega a https://mi-sitio.local. Es posible que recibas una advertencia de seguridad porque el certificado es autofirmado. Puedes optar por aceptar el riesgo y continuar.

Notas Adicionales

• Advertencia de Seguridad del Navegador: Los navegadores mostrarán una advertencia de que el certificado no es seguro porque es autofirmado. Esto es normal para un entorno de desarrollo local.
• Certificado Autofirmado vs Certificado de CA: Para entornos de desarrollo local, un certificado autofirmado es suficiente. Para sitios en producción, se requiere un certificado firmado por una Autoridad de Certificación (CA).

Siguiendo estos pasos, deberías poder habilitar SSL para tu dominio local en XAMPP. Esto te permitirá desarrollar y probar aplicaciones web con HTTPS como si estuvieras en un entorno de producción.