Écrire sur le serveur avec Remote SSH

Publier du contenu à partir de Visual Studio Code avec l'extension Remote SSH.

Installer l'extension Remote SSH

Après avoir installé l'extension French Language Pack et redémarré Visual Studio Code, il faut installer l'extension Remote SSH. Celle-ci installera automatiquement deux extensions : Remote SSH ainsi que Remote SSH - Editing Configuration Files.

Se connecter au serveur avec Remote SSH

Dans Visual Studio Code, cliquer sur le bouton vert en bas à gauche de la fenêtre :

Ensuite :

  1. cliquer sur Connecter la fenêtre actuelle à l'hôte;
  2. cliquer sur Ajouter un nouvel hôte SSH;
  3. entrer la commande de connexion : [utilisateur]@[utilisateur].pourleweb.ca (attention, plusieurs erreurs à cette étape);
    ex.: a222gagm@a222gagm.pourleweb.ca (le nom d'utilisateur est bien répété avant et après le @)
  4. sélectionner C:\Users\[Code DA]\.ssh\config;
  5. en bas à droite de la page, cliquer sur Se connecter;
  6. dans la ligne de commande au haut de la page, sélectionner Linux;
  7. lorsque le serveur mentionne : [utilisateur]@[utilisateur].pourleweb.ca a une empreinte digitale... cliquer sur Continuer;
  8. entrer le mot de passe de votre serveur web;
  9. en bas à droite, cliquer sur Don't Show Again au message You selected...;
  10. en bas à gauche, cliquer sur le rectangle vert avec le nom de votre serveur [utilisateur].pourleweb.ca;
  11. cliquer sur l'icône Explorateur de la barre d'outils (ou Ctrl+Maj+E);
  12. cliquer sur Ouvrir le dossier;
  13. dans la liste sous la ligne de commandes, cliquer sur public_html;
  14. cliquer sur OK, à droite de la ligne de commandes;
  15. entrer le mot de passe à nouveau;
  16. cocher la case Faire confiance... puis sur Oui, je fais confiance aux auteurs...;

Votre répertoire public_html devrait s'ouvrir dans votre espace de travail. Vous êtes maintenant connectés à votre serveur web.

Ne touchez jamais aux fichiers débutant par wp-..., se terminant par .php ou ceux que vous ne connaissez pas.

Modifier une page web

  • Naviguer au répertoire désirer dans le volet de navigation de Visual Studio Code;
  • Ouvrir le fichier à modifier;
  • Apporter les modifications et enregistrer le fichier avec le raccourci Ctrl+S;
  • Aller à la page en question dans le navigateur (Alt+Tabulation) et rafraichir la page (Ctrl+F5).

Créer un dossier ou un fichier

On peut créer ou modifier les pages et dossiers comme si nous étions dans notre Gestionnaire de fichiers sur le serveur.

A lire également