Transfert de fichiers avec FTP (mettre en ligne son site web)

Environnement de développement

Avant de parler de client FTP, il est indispensable de bien comprendre la notion d’environnement de développement.

Environnement local

L’environnement local est l’espace de travail sur votre ordinateur où vous développez et testez votre site web avant de le mettre en ligne.

Il comprend généralement :

• Éditeur de code : Un outil comme VSCode, Sublime Text, ou Atom, qui vous permet d’écrire le code de votre site web (HTML, CSS, JavaScript, PHP, etc.).
• Navigateur web : Un navigateur comme Chrome, Firefox ou Edge pour tester l’apparence et les fonctionnalités de votre site.
• Serveur local : Si vous développez un site web dynamique, un serveur local est indispensable pour exécuter les langages de programmation serveur tels que PHP ou encore JavaScript (avec Node.js). Pour cela, il est d’usage d’utiliser des serveurs locaux comme WAMP, MAMP ou XAMPP. Ces logiciels installent un serveur web (Apache) et une base de données (MySQL ou MariaDB) sur votre machine, vous permettant de simuler l’environnement du serveur distant.

Travailler en local présente plusieurs avantages tels que la rapidité, la possibilité de faire des erreurs sans impact et ne nécessite pas de connexion à internet pour tester votre site.

Environnement distant

L’environnement distant, c’est le serveur web où votre site sera accessible par les visiteurs.

Cet environnement est fourni par un hébergeur web tel que Hostinger, qui met à votre disposition un espace sur disque pour stocker vos fichiers, bien souvent accompagné d’une base de données et tout autre service nécessaire pour rendre votre site visible sur internet.

Selon vos besoins en performance et en contrôle, un hébergement web peut être :

• Mutualisé : disque et ressources partagés entre plusieurs utilisateurs.
• Dédié : disque et ressources alloués à un seul utilisateur.

Protocole FTP : communiquer entre le local et le distant

Le protocole FTP, ou File Transfer Protocol, est la méthode traditionnelle utilisée pour transférer des fichiers entre votre ordinateur (environnement local) et un serveur web (environnement distant).

Il permet entre autres de :

• 📥 télécharger (download) des fichiers
• 📤 téléverser (upload) des fichiers

Le protocole FTP permet ainsi de mettre en ligne les fichiers constituants votre site web : .html, .css, .js, .php, .jpg, etc.

Mais comment connecter son ordinateur à un serveur distant ? Avec un client FTP.

Clients FTP

Qu’est-ce qu’un client FTP ?

Un client FTP est un logiciel qui vous permet de connecter votre ordinateur à un serveur distant pour transférer des fichiers.

Il sert d’interface intermédiaire entre votre environnement local et votre environnement distant (autrement dit, votre hébergement web), facilitant le déplacement des fichiers de votre site vers le serveur où ils seront hébergés.

L’usage type d’un client FTP se décompose en 3 étapes :

1. Connexion au serveur distant : Vous devez disposer des informations de connexion au serveur distant, généralement fournies par votre hébergeur :
   • Adresse du serveur FTP (URL ou IP)
   • Port (généralement 21 sauf si configuré autrement)
   • Nom d’utilisateur
   • Mot de passe
2. Affichage des dossiers/fichiers : Une fois connecté via le client FTP, vous pouvez voir les fichiers et dossiers de votre serveur distant à droite, et les fichiers locaux sur votre ordinateur à gauche.
3. Transfert de fichiers : Il vous suffit de glisser-déposer vos fichiers du serveur local vers le serveur distant pour les mettre en ligne. L’opération inverse permet de les télécharger.

FileZilla : le client FTP populaire

Bien qu’il existe de nombreux clients FTP, FileZilla est aujourd’hui le plus populaire. Ce client FTP est gratuit et offre une interface utilisateur simple et complète.

Il prend notamment en charge les protocoles FTP, SFTP et FTPS.