Cómo obtener una vista previa de su sitio web antes de que los servidores de nombres o los registros DNS estén activos

Hay algunas situaciones comunes en las que desea poder ver fácilmente su sitio web, pero aún no puede porque su dominio no apunta a su cuenta de alojamiento:

1. Desarrollo :El sitio aún se está desarrollando y, por lo tanto, el dominio apunta a una cuenta de alojamiento diferente donde reside el sitio en vivo anterior. (Su sitio de desarrollo no está disponible para el público en absoluto).
2. Pruebas :Migró el contenido del sitio y desea probarlo para asegurarse de que funciona sin problemas antes de cambiar el DNS.
3. Esperando :desea que el sitio se active ahora, pero todavía está esperando que el servidor de nombres o los cambios en el registro DNS se propaguen a su proveedor de Internet. (Nota:una alternativa para hacer que estos cambios de DNS sean más rápidos es usar un servicio de DNS de actualización más rápida en sus dispositivos)

Independientemente de la situación que se aplique a usted, se puede suponer que visitar el sitio web en un navegador no funciona en absoluto o muestra una versión diferente (más antigua/en vivo) del sitio, pero aún desea acceder ahora.

¡Hay algunos trucos para esto! Puedes:

1. Utilice la URL de vista previa de Plesk Esta es la opción más rápida, pero si está usando WordPress, requiere ajustes en wp-config.php para que funcione sin problemas.
2. Use un subdominio en su lugar Esta opción es fácil de implementar, pero requiere que alojemos el DNS o que tenga acceso al servidor DNS para crear registros manualmente.
3. Usar una anulación de archivo HOSTS Esto es un poco más difícil de implementar, sin embargo, una vez que haya realizado los ajustes necesarios en su computadora, es la mejor manera de desarrollar un sitio web que no esté activo.

Desplácese hasta su opción preferida para saber cómo se hace.

Si su alojamiento de WordPress está con nosotros y es un suscriptor de administración Platino, ¡también puede solicitar que nos encarguemos de la opción 1 o la opción 2 por usted!

Opción 1:utilice la URL de vista previa de Plesk

Para encontrar la URL de vista previa de Plesk, inicie sesión en Plesk y mire justo debajo del encabezado azul donde se muestra su nombre de dominio. Encontrarás un botón que dice "Vista previa" con un icono de ojo. Haga clic en él para acceder a su sitio a través de la URL de vista previa.

Uso de la URL de vista previa con WordPress

Hay un par de cosas a tener en cuenta al usar la URL de vista previa. Si nota que ocurren los mismos problemas con aplicaciones web distintas de WordPress, las soluciones deberían ser similares.

1. WordPress lo 'romperá' fuera de la URL de vista previa e intentará forzarlo al sitio en vivo cuando haga clic en cualquier enlace en el sitio. Esto no es muy útil, ya que desea seguir viendo/trabajando en el sitio en la URL de vista previa, ¡no en el sitio en vivo!
2. Todos los medios que cargue o los enlaces que cree en WordPress mientras usa la URL de vista previa se codificarán con la URL de vista previa y no con su URL en vivo, lo que puede causar problemas cuando se publique. Muchos servidores web (incluidos los costosos servidores de WordPress administrados) no proporcionan ningún mecanismo para resolver este problema, pero deberían hacerlo, ya que puede causar algunos problemas graves con su sitio web, especialmente a largo plazo.

Sugerencia:el uso de una anulación de archivos HOSTS (Opción 3 a continuación) evitará ambos problemas y, aunque las anulaciones de archivos HOSTS son más difíciles de configurar, hacen que la implementación del sitio de desarrollo sea mucho más sencilla. . Debido a esto, recomendamos usar una anulación de archivo HOSTS para el desarrollo y solo usar la URL de vista previa para mostrar su trabajo a los clientes (solo lectura).

Para solucionar estos problemas, complete los siguientes dos pasos para indicarle a WordPress que permita tanto la URL en vivo como la URL de vista previa al ver el sitio y usar URL relativas para los medios y al crear enlaces en el administrador de WordPress.

PASO 1:

Utilice el Administrador de archivos de Plesk para copiar y pegar el siguiente código exactamente como está (no reemplazar variables con valores reales) arriba la línea en wp-config.php que dice:/* That's all, stop editing! Happy blogging. */

define('WP_SITEURL', 'http://' . $_SERVER['SERVER_NAME']);
define('WP_HOME', 'http://' . $_SERVER['SERVER_NAME']);
define('WP_CONTENT_URL', '/wp-content');

PASO 2:

Inicie sesión en el administrador de WordPress en /wp-admin. Vaya a Complementos> Agregar nuevo y busque “URL absolutas <> relativas ” e instale y active este complemento.

Aunque no *verá* una diferencia mientras trabaja en el administrador, guardará todos los enlaces como URL relativas a la base de datos, pero los presentará en el sitio como URL absolutas para mantener contento a WordPress. Cuando active el sitio, todas las URL cambiarán automáticamente al dominio activo.

Después del lanzamiento :Es muy importante para SEO asegurarse de eliminar los valores de configuración personalizados WP_HOME y WP_SITEURL cuando el sitio se active. Sin embargo, no elimine el valor WP_CONTENT_URL , de lo contrario, puede experimentar problemas extraños con los medios. debería También podrá eliminar el complemento "URL absolutas <> relativas" en este momento y todas las URL futuras se almacenarán en la base de datos como valores absolutos utilizando el nombre de dominio en vivo.

PASO 3:

Inicie sesión en Plesk y elija "Configuración de alojamiento" para el dominio. Desmarque la opción para usar una redirección SSL/HTTPS. Esta redirección forzará https, que no puede usar cuando usa la URL de vista previa de Plesk.

Opción 2:usar un subdominio (intermedio)

Si su razón para querer no hacer que su sitio esté activo todavía es porque está planeando desarrollar un nuevo sitio primero, esta opción es buena para usted.

1. En Plesk, elija la opción para Agregar un subdominio y llámelo algo así como 'dev', 'staging', 'new' o 'preview'.
   Tenga en cuenta:si su DNS es no alojado con nosotros, ahora deberá iniciar sesión en su host DNS (a menudo el registrador) y agregar un nuevo registro DNS de tipo "A" que apunte a la IP para su alojamiento con nosotros como se muestra en Plesk. Es posible que el nuevo registro DNS tarde algunas horas en surtir efecto.
2. Instala WordPress en el nuevo subdominio usando aplicaciones web con un solo clic (o clónalo desde el sitio principal si no deseas comenzar desde cero).

Cuando esté listo para publicar el sitio, use nuestra utilidad de aplicaciones web con un solo clic para clonarlo desde el subdominio dev al dominio principal. En este punto, si aún no lo ha hecho, puede volver a configurar su dominio en el registrador o en el host DNS para que esté activo.

Opción 3:anulación del archivo HOSTS (intermedio)

Introducción rápida a DNS

Cada vez que visita un sitio web como websavers.ca o google.com, su computadora le pregunta a su servidor DNS, generalmente proporcionado por su proveedor de Internet, la dirección IP numérica del servidor en el que se encuentra el sitio (se ven así:123.123.123.123) . Cuando el dominio aún no está registrado o aún no apunta a su plan de alojamiento de Websavers, sus servidores DNS dirán "Lo siento, no lo sé" o proporcionarán la dirección IP activa actual, en lugar de la de sus Websavers. alojamiento.

Los siguientes pasos le mostrarán cómo indicarle a su computadora que use una IP/servidor específico cada vez que visite el sitio web, anulando la dirección IP actualmente activa.

Sustituir DNS con el archivo de hosts

Windows, Linux y macOS usan un archivo especial conocido como hosts. archivo para convertir manualmente nombres a números. Su computadora busca en los hosts antes de verificar con sus servidores DNS para obtener la IP correspondiente, por lo que cuando desee indicarle a su computadora en qué servidor reside su sitio web, ¡este es el archivo que debe usar!

Esta es la ubicación del archivo en Windows, Linux y macOS:

• Windows:c:/windows/system32/drivers/etc/hosts
• Linux:/etc/hosts
• macOS:/etc/hosts

¿Cómo uso mi archivo de hosts?

El archivo puede tener alguna información en la parte superior, normalmente información sobre cómo usar el archivo. La clave para ingresar información con precisión en el archivo de hosts es usar el siguiente formato:
[ServerIPAddress] [DomainName1] [DomainName2]
Entonces, por ejemplo, websavers.ca podría verse así:

64.131.80.122 websavers.ca www.websavers.ca

Nota: He incluido websavers.ca y www. websavers.ca en caso de que intentemos acceder al sitio por cualquier método. Deberías hacer lo mismo, de lo contrario podrías ver algunos resultados extraños.

Puede editar este archivo directamente con su editor de texto favorito, pero tenga en cuenta que no siempre es fácil acceder a sus ubicaciones. Windows normalmente oculta esa carpeta del sistema y macOS la tiene clasificada como parte de su subsistema Unix, lo que la hace inaccesible en el explorador de archivos (Finder). Hemos enumerado algunas utilidades útiles a continuación para cada sistema operativo que facilitarán la edición de su archivo de hosts.

Consejos prácticos para editar archivos de hosts

macOS

Si está utilizando una Mac, diríjase a la página del proyecto Gas Mask Google Code y comience la instalación.

Esta aplicación abre su archivo de hosts automáticamente y le permite guardarlo escribiendo sobre el archivo actual. También tiene la opción de guardar varios archivos de hosts y cambiar fácilmente entre ellos. De esta manera, puede guardar un valor predeterminado y uno diferente para activar y desactivar fácilmente cada sitio en el que esté trabajando. Simplemente cree uno nuevo e ingrese la IP y el nombre del sitio usando el formato anterior. Seleccione el archivo de host que desea activar a la izquierda, luego haga clic en la casilla de verificación en la barra de herramientas para activarlo. ¡Todo listo!

[Avanzado] Alternativamente, podría usar un editor de texto basado en terminal como vim. Abra la terminal y ejecute:

vim /etc/hosts
 

Pero ten cuidado, ¡vim no es el más fácil de usar! Debería buscar un tutorial de vim antes de optar por esta opción.

Ventanas

En Windows, puede instalar una aplicación llamada Windows Hosts File Editor y usarla para ayudarlo a editar el archivo de hosts.

Alternativamente, puede editar manualmente el archivo con el Bloc de notas. Así es como:

1. Abra el menú Inicio y busque Bloc de notas
2. Cuando vea el Bloc de notas en los resultados, haga clic con el botón derecho y elija "Abrir como administrador" (diga sí para aprobar el aviso de seguridad)
3. Elija Archivo> Abrir en la barra de menú y navegue hasta el directorio que se muestra arriba
4. El directorio parecerá estar vacío. En el extremo derecho del cuadro "Nombre de archivo:" en la parte inferior de la ventana, haga clic en el menú desplegable que se encuentra "Documentos de texto (*.txt)" y seleccione la opción "Todos los archivos". Esto mostrará el archivo de hosts en la lista anterior.
5. Haga doble clic en el archivo de hosts para abrirlo
6. Debajo de la última línea con un # delante, escriba su entrada usando el mismo patrón que se muestra arriba:[IP] [Dominio]
7. Seleccione Archivo> Guardar en el menú

Si obtiene un error Prohibido sobre los permisos que indica que "No tiene permiso para acceder a este documento", se saltó el paso n.º 2. Debe ejecutar el Bloc de notas como administrador para tener permiso para actualizar el archivo. Cierre el Bloc de notas y comience de nuevo.

¿Tiene algún problema para hacer que estas aplicaciones funcionen? ¿Tiene una aplicación aún mejor para editar el archivo HOSTS? ¿Algo mal con las direcciones? ¡Usa los comentarios a continuación para contarnos!

Resolución de problemas

PROBLEMAS DE RECURSOS TEMÁTICOS: Si está utilizando la URL de vista previa con nuestras anulaciones de wp-config.php y nota que los recursos del tema no se cargan correctamente tanto en el front-end como en el administrador de WordPress, es porque colocó las anulaciones en la parte inferior de la wp- config.php:¡deben colocarse encima de la advertencia "dejar de editar" como se describe arriba!