Transférer des fichiers vers un serveur web

Il n'y a, pour le moment, pas d'élément de pédagogie active pour cette section. Vous pouvez néanmoins contribuer.

Il existe de nombreux clients FTP. Dans cette démonstration, nous utiliserons FireFTP. Celui-ci est simple à installer avec Firefox car c'est un module complémentaire.

Pour ouvrir FireFTP dans un nouvel onglet de Firefox, il existe deux méthodes :

1. Menu de Firefox ➤ ➤ FireFTP
2. Outils ➤ Développement web ➤ FireFTP

Vous devriez voir apparaître cette fenêtre :

Dans cet exemple, nous prendrons un hébergeur (la société qui hébergera notre serveur web) qui s'appellera « Hébergeur Exemple » dont les URL ressembleront à : monsiteperso.hebergeurexemple.net.

Vous avez donc souscrit à un compte chez cet hébergeur et avez reçu des informations de sa part :

Félicitations et merci d'avoir ouvert un compte chez Hébergeur exemple.

Votre compte est : demozilla

Votre site sera accessible à cette adresse demozilla.hebergeurexemple.net

Pour publier votre site avec votre compte, connectez-vous via FTP avec les informations d'authentification suivantes :

• Serveur FTP : ftp://demozilla.hebergeurexemple.net
• Utilisateur : demozilla
• Mot de passe : pandar0ux
• Pour publier des fichiers sur le Web, placez les dans le répertoire Public/htdocs.

Tout d'abord, jetons un coup d'œil à http://demozilla.hebergeurexemple.net/ — pour le moment, comme vous pouvez le voir, il n'y a pas grand chose :

Pour connecter votre client FTP au serveur distant, cliquez sur le bouton « Créer un compte » de FireFTP, puis remplissez les informations telles qu'elles vous ont été fournies par votre hébergeur :

Vous pouvez ensuite vous connecter sur ce nouveau compte :

Examinons cet écran :

• Sur la gauche, vous voyez vos fichier locaux (ceux de votre ordinateur). Déplacez vous dans le répertoire où vous stockez votre site web (dans ce cas, mdn).
• Sur la droite, vous voyez les fichiers distants (ceux du serveur web). Vous êtes connecté-e à la racine du dossier FTP distint (dans ce cas, users/demozilla)
• Pour le moment, vous pouvez ignorer la zone en bas de l'écran, il s'agit en fait d'un journal contenant chaque interaction entre votre client FTP et le serveur.

Comme nous l'avons vu plus tôt, notre hébergeur nous a indiqué que les fichiers devaient être stockés sous Public/htdocs pour être visible sur le Web. Déplaçons-nous donc dans ce dossier grâce au volet droit :

Ensuite, pour transférer des fichiers de votre ordinateur vers ce dossier du serveur, il suffit de les glisser-déposer du volet gauche vers le volet droit :

Jusqu'ici tout va bien, vérifions quand même en tapant http://demozilla.hebergeurexemple.net/ dans la barre d'URL du navigateur :

Et voilà ! Notre site est en ligne !

Le protocole FTP est l'une des méthodes les plus répandues pour publier un site web. Cependant, il en existe d'autres, en voici quelques unes :

• Les interfaces web. Votre hébergeur peut mettre à disposition une interface web qui permet de transférer des fichiers.
• GitHub (méthode avancée). Il est possible de transférer des fichiers grâce à git en utilisant des combinaison de méthodes qui sont liées aux opérations de commit/push. Pour plus d'informations, voir l'article sur comment publier son site web qui fait partie du guide Commencer avec le Web.
• Rsync (en-US) (méthode avancée). Un système de synchronisation de fichiers entre un système local et un système distant.
• WebDAV. Une extension du protocle HTTP qui permet de gérer des fichiers de façon plus avancée.

Félicitations, vous avez presque fini. Il reste encore une dernière étape importante : vérifier que votre site fonctionne correctement.