Comment prévisualiser votre site Web avant que les serveurs de noms ou les enregistrements DNS ne soient en ligne

Il existe quelques situations courantes dans lesquelles vous souhaitez pouvoir afficher facilement votre site Web, mais vous ne le pouvez pas encore car votre domaine ne pointe pas vers votre compte d'hébergement :

1. Développement  :Le site est toujours en cours de développement et le domaine pointe donc vers un compte d'hébergement différent où réside le site en ligne précédent. (Votre site de développement n'est pas accessible au public du tout).
2. Test  :Vous avez migré le contenu du site et vous souhaitez tester son bon fonctionnement avant de modifier le DNS.
3. En attente :Vous souhaitez que le site soit mis en ligne maintenant, mais vous attendez toujours que les modifications apportées au serveur de noms ou à l'enregistrement DNS se propagent à votre fournisseur d'accès Internet. (Remarque :une alternative pour accélérer ces modifications DNS consiste à utiliser un service DNS de mise à jour plus rapide sur vos appareils)

Quelle que soit la situation qui s'applique à vous, on peut supposer que la visite du site Web dans un navigateur ne fonctionne pas du tout ou affiche une version différente (ancienne/en direct) du site, mais vous souhaitez toujours y accéder maintenant.

Il y a quelques astuces pour cela ! Vous pouvez :

1. Utiliser l'URL d'aperçu de Plesk C'est l'option la plus rapide, mais si vous utilisez WordPress, cela nécessite des ajustements à wp-config.php pour fonctionner correctement.
2. Utilisez plutôt un sous-domaine Cette option est facile à mettre en œuvre, mais nécessite que nous hébergeons le DNS ou que vous ayez accès à l'hôte DNS pour créer manuellement des enregistrements.
3. Utiliser un remplacement de fichier HOSTS C'est un peu plus difficile à mettre en œuvre, mais une fois que vous avez effectué les ajustements nécessaires sur votre ordinateur, c'est la meilleure façon de développer un site Web qui n'est pas en ligne.

Faites défiler jusqu'à votre option préférée pour savoir comment procéder.

Si votre hébergement WordPress est chez nous et que vous êtes abonné à la gestion Platinum, vous pouvez également demander que nous nous occupions de l'option 1 ou de l'option 2 pour vous !

Option 1 :Utiliser l'URL d'aperçu de Plesk

Pour trouver l'URL de prévisualisation de Plesk, connectez-vous à Plesk puis regardez juste sous l'en-tête bleu où il affiche votre nom de domaine. Vous trouverez un bouton indiquant "Aperçu" avec une icône en forme d'œil. Cliquez dessus pour être redirigé vers votre site via l'URL d'aperçu.

Utiliser l'URL d'aperçu avec WordPress

Il y a quelques points à surveiller lors de l'utilisation de l'URL d'aperçu. Si vous remarquez les mêmes problèmes survenant avec des applications Web autres que WordPress, les solutions devraient être similaires.

1. WordPress vous "cassera" l'URL d'aperçu et tentera de vous forcer à accéder au site en ligne lorsque vous cliquerez sur des liens du site. Ce n'est pas très utile, car vous souhaitez continuer à consulter/travailler sur le site à l'URL d'aperçu, pas sur le site en ligne !
2. Tous les médias que vous téléchargez ou les liens que vous créez dans WordPress lors de l'utilisation de l'URL d'aperçu seront codés en dur avec l'URL d'aperçu et non avec votre URL en direct, ce qui peut causer des problèmes lors de la mise en ligne. De nombreux hébergeurs Web (y compris les hébergeurs WordPress gérés coûteux) ne fournissent aucun mécanisme pour résoudre ce problème, mais ils le devraient, car cela peut causer de sérieux problèmes avec votre site Web, en particulier à long terme.

Astuce :l'utilisation d'un remplacement de fichier HOSTS (option 3 ci-dessous) évitera ces deux problèmes et bien que les remplacements de fichier HOSTS soient plus difficiles à configurer, ils rendent le déploiement du site de développement beaucoup plus simple . Pour cette raison, nous vous recommandons d'utiliser un remplacement de fichier HOSTS pour le développement et d'utiliser uniquement l'URL d'aperçu pour montrer votre travail aux clients (lecture seule).

Pour contourner ces problèmes, suivez les deux étapes suivantes pour indiquer à WordPress d'autoriser à la fois l'URL en direct et l'URL d'aperçu lors de la visualisation du site et d'utiliser des URL relatives pour les médias et lors de la création de liens dans l'administrateur WordPress.

ÉTAPE 1 :

Utilisez le Gestionnaire de fichiers Plesk pour copier et coller le code suivant exactement tel qu'il est (ne pas remplacer les variables par des valeurs réelles) ci-dessus la ligne dans wp-config.php qui dit :/* 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');

ÉTAPE 2 :

Connectez-vous à l'administrateur WordPress à /wp-admin. Accédez à Plugins > Ajouter un nouveau et recherchez "URL absolues <> relatives ” et installez et activez ce plugin.

Bien que vous ne *voyiez* pas* de différence lorsque vous travaillez dans l'administration, il enregistrera tous les liens en tant qu'URL relatives à la base de données, mais les présentera sur le site en tant qu'URL absolues pour que WordPress reste heureux. Lorsque vous rendez le site actif, toutes les URL basculeront automatiquement vers le domaine actif.

Au déploiement  :Il est très important pour le référencement de s'assurer que vous supprimez les valeurs de configuration personnalisées WP_HOME et WP_SITEURL lorsque le site est mis en ligne. Cependant, ne supprimez pas la valeur WP_CONTENT_URL , sinon vous risquez de rencontrer des problèmes étranges avec les médias. Vous devriez également être en mesure de supprimer le plugin "Absolute <> Relative URLs" à ce moment et toutes les futures URL seront stockées dans la base de données en tant que valeurs absolues en utilisant le nom de domaine en direct.

ÉTAPE 3 :

Connectez-vous à Plesk et choisissez « Paramètres d'hébergement » pour le domaine. Décochez l'option pour utiliser une redirection SSL/HTTPS. Cette redirection forcera https, que vous ne pouvez pas utiliser lorsque vous utilisez l'URL de prévisualisation de Plesk.

Option 2 :Utiliser un sous-domaine (intermédiaire)

Si votre raison de vouloir ne pas faire vivre votre site encore parce que vous envisagez de développer d'abord un nouveau site, cette option est bonne pour vous.

1. Dans Plesk, choisissez l'option Ajouter un sous-domaine et appelez-le quelque chose comme 'dev', 'staging', 'new' ou 'preview'.
   Remarque :si votre DNS n'est pas hébergé chez nous, vous devrez maintenant vous connecter à votre hôte DNS (souvent le bureau d'enregistrement) et ajouter un nouvel enregistrement DNS de type « A » qui pointe vers l'adresse IP de votre hébergement chez nous, comme indiqué dans Plesk. Cela peut prendre quelques heures pour que le nouvel enregistrement DNS prenne effet.
2. Installez WordPress sur le nouveau sous-domaine à l'aide d'applications Web en un clic (ou clonez-le depuis le site principal si vous ne souhaitez pas repartir de zéro).

Lorsque vous êtes prêt à mettre le site en ligne, utilisez notre utilitaire d'applications Web en un clic pour le cloner du sous-domaine dev vers le domaine principal. À ce stade, si vous ne l'avez pas déjà fait, vous pouvez reconfigurer votre domaine chez le bureau d'enregistrement ou l'hôte DNS pour le mettre en ligne.

Option 3 :Remplacer le fichier HOSTS (intermédiaire)

Introduction rapide au DNS

Chaque fois que vous visitez un site Web comme websavers.ca ou google.com, votre ordinateur demande à votre serveur DNS, généralement fourni par votre fournisseur d'accès Internet, l'adresse IP numérique du serveur sur lequel le site vit (ils ressemblent à ceci :123.123.123.123) . Lorsque le domaine n'est pas encore enregistré ou ne pointe pas encore vers votre plan d'hébergement Websavers, vos serveurs DNS vont soit dire "Désolé, je ne sais pas" ou fournir l'adresse IP actuellement active, plutôt que celle de vos Websavers hébergement.

Les étapes suivantes vous montreront comment demander à votre ordinateur d'utiliser une adresse IP/un serveur spécifique chaque fois que vous visitez le site Web, en remplaçant l'adresse IP actuellement active.

Remplacer DNS par le fichier hosts

Windows, Linux et macOS utilisent tous un fichier spécial appelé hosts fichier pour convertir manuellement les noms en nombres. Votre ordinateur regarde les hôtes fichier avant de vérifier auprès de vos serveurs DNS pour obtenir l'adresse IP correspondante, donc lorsque vous voulez indiquer à votre ordinateur sur quel serveur réside votre site Web, c'est le fichier à utiliser !

Voici l'emplacement du fichier sur Windows, Linux et macOS :

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

Comment utiliser mon fichier hosts ?

Le fichier peut contenir des informations en haut - normalement des informations sur la façon d'utiliser le fichier. La clé pour entrer des informations avec précision dans le fichier hosts est d'utiliser le format suivant :
[ServerIPAddress] [DomainName1] [DomainName2]
Ainsi, par exemple, websavers.ca pourrait ressembler à ceci :

64.131.80.122 websavers.ca www.websavers.ca

Remarque : J'ai inclus à la fois websavers.ca et www. websavers.ca juste au cas où nous essaierions d'accéder au site par l'une ou l'autre méthode. Vous devriez faire de même, sinon vous pourriez voir des résultats étranges.

Vous pouvez modifier ce fichier directement à l'aide de votre éditeur de texte préféré, mais notez qu'il n'est pas toujours facile d'accéder à leurs emplacements. Windows cache généralement ce dossier système et macOS le classe dans son sous-système Unix, ce qui le rend inaccessible dans le navigateur de fichiers (Finder). Nous avons répertorié ci-dessous quelques utilitaires pratiques pour chaque système d'exploitation qui faciliteront la modification de votre fichier hosts.

Conseils pratiques pour l'édition de fichiers hôtes

macOS

Si vous utilisez un Mac, rendez-vous sur la page du projet Gas Mask Google Code et commencez l'installation !

Cette application ouvre automatiquement votre fichier hosts et vous permet de l'enregistrer en écrasant le fichier actuel. Vous avez également la possibilité d'enregistrer plusieurs fichiers hôtes et de basculer facilement entre eux. De cette façon, vous pouvez enregistrer une valeur par défaut ainsi qu'une autre pour activer et désactiver facilement chaque site sur lequel vous travaillez. Créez-en simplement un nouveau et ajoutez l'adresse IP et le nom du site en utilisant le format ci-dessus. Sélectionnez le fichier hôte que vous souhaitez activer sur la gauche, puis cliquez sur la case à cocher dans la barre d'outils pour l'activer. Tout est prêt !

[Avancé] Vous pouvez également utiliser un éditeur de texte basé sur un terminal comme vim. Ouvrez le terminal et exécutez :

vim /etc/hosts
 

Mais attention, vim n'est pas le plus simple à utiliser ! Vous devriez consulter un didacticiel vim avant d'utiliser cette option.

Windows

Sous Windows, vous pouvez installer une application appelée Windows Hosts File Editor et l'utiliser pour vous aider à modifier le fichier hosts.

Vous pouvez également modifier manuellement le fichier avec le Bloc-notes. Voici comment :

1. Ouvrez le menu Démarrer et recherchez le Bloc-notes
2. Lorsque vous voyez le Bloc-notes dans les résultats, faites un clic droit et choisissez "Ouvrir en tant qu'administrateur" (dites oui pour approuver l'invite de sécurité)
3. Choisissez Fichier > Ouvrir dans la barre de menus et accédez au répertoire indiqué ci-dessus
4. Le répertoire semblera vide. À l'extrême droite de la zone "Nom de fichier :" en bas de la fenêtre, cliquez sur le menu déroulant qui contient "Documents texte (*.txt)" et sélectionnez l'option "Tous les fichiers". Cela affichera le fichier hosts dans la liste ci-dessus.
5. Double-cliquez sur le fichier hosts pour l'ouvrir
6. Sous la dernière ligne précédée d'un #, saisissez votre entrée en utilisant le même modèle que celui indiqué ci-dessus :[IP] [Domain]
7. Choisissez Fichier> Enregistrer dans le menu

Si vous obtenez une erreur Interdit concernant les autorisations indiquant que "Vous n'êtes pas autorisé à accéder à ce document", vous avez ignoré l'étape 2. Vous devez exécuter le Bloc-notes en tant qu'administrateur afin d'avoir l'autorisation de mettre à jour le fichier. Veuillez fermer le Bloc-notes et recommencer.

Vous rencontrez des difficultés pour faire fonctionner ces applications ? Vous avez une application encore meilleure pour éditer le fichier HOSTS ? Quelque chose ne va pas avec les directions? Utilisez les commentaires ci-dessous pour nous le dire !

Dépannage

PROBLÈMES DE RESSOURCES DE THÈME : Si vous utilisez l'URL d'aperçu avec nos remplacements wp-config.php et que vous remarquez que les ressources de thème ne se chargent pas correctement à la fois sur le front-end et dans l'administrateur WordPress, c'est parce que vous avez placé les remplacements tout en bas du wp- config.php — ils doivent être placés au-dessus de l'avertissement « arrêter l'édition » comme décrit ci-dessus !