TP : Mise en ligne 1 Présentation La mise en ligne d un site web consiste à copier sur un serveur distant les fichiers de son site. On parle d hôte local et d hôte distant. Pour effectuer ce transfert, on utilise FTP, un protocole dédié aux transferts de fichiers. Pour mettre en ligne un site internet, il faut disposer de 3 choses : des fichiers à transférer, un logiciel FTP (pour faire le transfert), un accès FTP à un serveur. L envoi de fichiers via FTP nécessite un client FTP, un petit logiciel qui ressemble à un explorateur de fichier. Dans le cadre de cet atelier, nous utiliserons le logiciel Filezilla ; Il présente l avantage d être gratuit et multi-plateforme. 2 Filezilla Installez et lancer FileZilla. 2.1 Installation Rendez vous sur le site du Projet FileZilla : https://filezilla-project. org/ et téléchargez le client. Sous MAC/Windows, l installation se fait simplement en double-cliquant sur le fichier téléchargé. Remarque Sous Linux, l installation est automatique via le gestionnaire de paquet (Logithèque Ubuntu, APT, Synaptic). 2.2 Interface Une fois Filezilla client téléchargé, installez le, puis lancez le. La figure 1 présente les différentes parties de l interface. TP : Mise en ligne - Page 1
Figure 1: L interface de Filezilla Fichiers locaux Correspond aux fichiers présent sur votre ordinateur. La partie supérieur permet de naviguer dans les dossiers, celle du dessous de voir le contenu du dossier sélectionné. Fichiers sur le serveur Présente les fichiers sur le serveur (la fenêtre est vide lorsque l on est déconnecté). Logs Permet de suivre l activité de Filezilla : Connexion / déconnexion Erreur etc... Transfert en cours Permet de voir la progression du transfert ainsi que la file d attente. Il dispose de 2 autres onglets permettant de voir les fichiers transférés avec succès et ceux ratés. 3 Connexion FTP Se connecter à un serveur FTP. TP : Mise en ligne - Page 2
Pour se connecter à L hôte distant, vous devez disposer des informations suivantes : Adresse de l hôte (URL, IP) ; Identifiant ou Login ; Mot de passe ; Port (Facultatif) Remarque Rensigner le port est facultatif car les logiciels FTP se connecteront sur le port FTP par défaut (le port 21) s il n est pas spécifié. Ces informations ne peuvent pas être inventées, elles vous seront fournies par votre hébergeur, dans le cadre de cet atelier, les accès vous seront gracieusement fournis par votre merveilleux formateur. 3.1 Connexion rapide FileZilla dispose, sous sa barre de menu, d une zone de saisie pour une connexion rapide. Figure 2: Connexion rapide Utilisez les paramètres de connexion qui vous ont été fourni pour vous connecter à votre espace web. Après avoir cliqué sur "Connexion rapide", vous devriez voir de l activité dans le zone de log. La figure 3 montre un exemple de logs. Figure 3: Logs affiché lors d une erreur d authentification L affichage des logs est codifié : Noir : Message de FilleZilla (Je fais ci, je fais ça) ; Vert : Les réponses positives du serveur ; Rouge : Les réponses négatives du serveur (les erreurs) ; Bleu : Les commandes envoyées par FileZilla ; TP : Mise en ligne - Page 3
Une fois la connexion et l authentification réussi, FileZilla affichera dans la zone Fichiers sur le serveur les fichiers présents sur l hôte distant. Vous devriez voir des fichiers ainsi qu un dossier www. Remarque Le nom www est un choix de l hébérgeur ; C est une convention. Il peut également être nommé : htdocs ou public_html. On parle du dossier racine. Si l hébergeur n utilise pas un nom standard, il vous le spécifiera. 4 Mise en ligne Mettre en ligne le dernier exercice. Pour mettre un contenu en ligne, il suffit de le sélectionner dans la zone site local et de le glisser/déposer dans la zone hôte distant (dans le dossier www). Figure 4: Transfert de fichier Une fois les fichiers transférés, allez via un navigateur sur votre adresse web et admirez votre premier site web. 5 Facultatif Mémoriser les paramètres de connexion dans FileZilla Dans le menu Fichier / Gestionnaire de site, vous trouverez une interface permettant de mémoriser les informations de connexion. (voir figure 5) TP : Mise en ligne - Page 4
Figure 5: Gestionnaire de site TP : Mise en ligne - Page 5