SSL en Studio

Este texto fue traducido usando IA. Si deseas ver el texto original en inglés, haz clic aquí.

WordPress Studio incluye soporte para HTTPS, lo que te permite crear sitios con conexiones seguras que se asemejan más a los entornos de producción. Esta función hace que tu experiencia de desarrollo local sea más realista y ayuda a identificar posibles problemas que podrían ocurrir únicamente con HTTPS.

Descripción general

La función de soporte SSL en WordPress Studio permite:

• Crear sitios con HTTPS habilitado
• Usar dominios personalizados con certificados SSL adecuados
• Gestión automática de certificados
• Compatibilidad con navegadores sin advertencias de seguridad (cuando se confía en el certificado)

Cómo funciona

WordPress Studio implementa el soporte SSL a través de los siguientes componentes:

• Autoridad de Certificación (CA): Studio crea su propia Autoridad de Certificación que firma los certificados para tus sitios locales.
• Certificados de dominio: Cada sitio con HTTPS habilitado recibe su propio certificado firmado por la CA.
• Confianza en el certificado: El sistema te ayuda a confiar en el certificado en tu sistema operativo.
• Redirección HTTPS: El tráfico se redirige automáticamente de HTTP a HTTPS en los sitios con SSL habilitado.

Habilitar HTTPS para un sitio

Ten en cuenta que HTTPS requiere un dominio personalizado, ya que no se puede usar con la dirección localhost predeterminada.

Para habilitar HTTPS en un sitio nuevo o existente:

1. Comienza creando un sitio nuevo o editando uno existente usando el botón «Editar sitio» en la pestaña Ajustes.
2. Si estás creando un sitio nuevo, activa «Ajustes avanzados» en el modal que aparece.
3. Marca la opción «Usar dominio personalizado».
4. Si aún no has proporcionado uno, introduce un nombre de dominio (debe terminar con .local) o usa el generado automáticamente.
5. Marca la opción «Habilitar HTTPS».

6. Haz clic en el botón «Añadir sitio» o Guardar, dependiendo de si estás creando un sitio nuevo o editando uno existente. 
7. Cuando se te solicite, otorga permiso a WordPress Studio para modificar el archivo hosts del sistema. Studio configurará todo lo demás automáticamente. 
8. Para las conexiones HTTPS, se generará e instalará una autoridad de certificación raíz. En MacOS, necesitarás instalar manualmente el certificado para evitar advertencias del navegador. Consulta la guía a continuación para más detalles.
9. Navega a tu sitio usando el dominio personalizado.

Confianza del certificado por plataforma

Windows

En Windows, WordPress Studio añade automáticamente la CA al almacén de confianza de tu sistema. Este proceso requiere privilegios de administrador, por lo que es posible que veas un aviso de Control de cuentas de usuario (UAC) al habilitar HTTPS.

MacOS

En macOS, necesitas confiar manualmente en la CA. Para hacerlo, busca el archivo de certificado que Studio instala automáticamente en tu sistema:

1. Navega a la pestaña Ajustes del sitio con SSL habilitado.
2. Haz clic en el enlace «Confiar en el certificado» en Detalles del sitio.

3. Esto abrirá la carpeta que contiene el archivo del certificado (studio-ca.crt). Haz doble clic en el archivo para instalar el certificado y abrir automáticamente la herramienta Acceso a Llaveros en tu equipo.
4. Localiza el certificado WordPress Studio CA. Puedes filtrar los elementos con la palabra studio.

5. Haz doble clic en el certificado y expande la sección Confianza.
6. Establece «Secure Sockets Layer(SSL)» en «Confiar siempre». Puedes dejar el resto de los ajustes como están.

7. Cierra el cuadro de diálogo e introduce tu contraseña para confirmar.

Una vez que el certificado sea de confianza, tu navegador lo reconocerá e indicará que tus sitios HTTPS son seguros.

Linux

En Linux, Studio importa automáticamente la autoridad de certificación (CA) raíz en el paquete del sistema, las bases de datos NSS de usuario de la familia Chromium y las bases de datos NSS de perfiles existentes de Firefox (instalaciones apt, Snap y Flatpak) cuando haces clic en Confiar en el certificado. La mayoría de los usuarios no necesitarán los pasos que se indican a continuación.

Utiliza este método alternativo solo si la confianza automática no surtió efecto.

Firefox (GUI)

1. Abre about:preferences#privacy.
2. Desplázate hasta Certificados y haz clic en Ver certificados….

3. Cambia a la pestaña Autoridades y haz clic en Importar….

4. Selecciona ~/.studio/certificates/studio-ca.crt.

5. Marca Confiar en esta CA para identificar sitios web y haz clic en Aceptar.

6. Cierra completamente y vuelve a abrir Firefox.

Chromium / Chrome / Brave / Edge (CLI)

Instala certutil si aún no está disponible:

sudo apt install libnss3-tools

Importa la CA en la base de datos NSS del usuario:

certutil -d sql:$HOME/.pki/nssdb -A -t 'C,,' -n 'WordPress Studio CA' -i ~/.studio/certificates/studio-ca.crt

Para Snap-Chromium, utiliza la ruta de la base de datos NSS específica de Snap en su lugar:

certutil -d sql:$HOME/snap/chromium/current/.pki/nssdb -A -t 'C,,' -n 'WordPress Studio CA' -i ~/.studio/certificates/studio-ca.crt

Cierra completamente y vuelve a abrir el navegador después de la importación.

Solución de problemas

Advertencias de seguridad del navegador

Si ves advertencias de seguridad del navegador al visitar tu sitio con HTTPS habilitado:

• Asegúrate de haber confiado en el certificado WordPress Studio CA en tu sistema.
• Reinicia tu navegador después de confiar en el certificado.
• Limpia la caché de tu navegador si las advertencias persisten.