• 2 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 25/05/2022

Transférez votre site via FTP

Comprenez l’intérêt du FTP

Dans le chapitre précédent, nous avons réservé notre hébergement. Il est maintenant temps d’y mettre notre site. Pour cela, il faut y envoyer les fichiers constituant notre site. Cela se fait en FTP.

Pour accéder à un site web, vous avez l’habitude d’utiliser votre navigateur, ce qui a pour effet d’appeler les fichiers sources présents sur le serveur. Il est aussi possible d’accéder à ces fichiers en naviguant dans les dossiers via le client FTP

En fait, un client FTP est utile :

  • pour mettre en ligne un site en y transférant des fichiers ;

  • mais aussi pour modifier, ajouter ou supprimer des fichiers, notamment si vous devez réparer le site, lorsqu'il n’est plus fonctionnel ou accessible depuis le navigateur, par exemple.

Pour que nous soyons sur la même longueur d'onde, je vous propose d’utiliser FileZilla, qui est le client FTP le plus utilisé, gratuit et en français. Bien entendu, il en existe des centaines d’autres, gratuits ou non, comme WinSCP, Cyberduck ou CuteFTP.

Voyons tout de suite quelle est la marche à suivre avec FileZilla.

Téléchargez FileZilla

Lancez le logiciel.

La première étape va être de se connecter au serveur de votre hébergeur.

Configurez le client FTP

Quel que soit l'hébergeur que vous avez choisi, cela fonctionne toujours de la même manière. On va vous fournir trois informations qui sont indispensables pour que FileZilla puisse se connecter au serveur :

  • l'IP : c'est « l'adresse » du serveur. Le plus souvent, on vous donnera une information du type  ftp.mon-site.com  , mais il peut aussi s'agir d'une suite de nombres comme  122.65.203.27   ;

  • le login : c'est votre identifiant, on vous a probablement demandé de le choisir. Vous avez peut-être mis votre pseudo, ou le nom de votre site. Mon login pourrait par exemple être  mateo21  ;

  • le mot de passe : soit on vous a demandé de choisir un mot de passe, soit (c'est plus probable) on vous en a attribué un d'office (un truc imprononçable du genre  crf45u7h ).

Nous avons vu lors du chapitre précédent comment récupérer ces informations de connexion. Si vous ne les avez pas, il faut que vous les cherchiez, c'est indispensable. On vous les a probablement envoyées par e-mail. Sinon, vous devriez pouvoir les trouver depuis le dashboard de votre hébergement.

Maintenant que nous sommes en possession de ces informations, nous allons les donner à FileZilla, qui en a besoin pour se connecter au serveur :

Transférez les fichiers

À ce stade, deux possibilités :

  1. soit la connexion a réussi : vous voyez alors apparaître en haut des messages en vert comme « Connecté ». Dans ce cas, la zone de droite de la fenêtre de FileZilla devrait s'activer, et vous verrez les fichiers qui se trouvent déjà sur le serveur (il se peut qu'il y en ait déjà quelques-uns) ;

  2. soit cela a planté, vous avez plein de messages écrits en rouge et là, eh bien… il n'y a pas trente-six solutions : vous vous êtes trompé en tapant l'IP, ou le login, ou le mot de passe. Un de ces éléments est incorrect, veillez à les redemander à votre hébergeur car s'ils sont bons, cela doit marcher.

Si la connexion a réussi, alors nous allons pouvoir enfin passer au transfert des fichiers ! Je vous invite à faire cette manipulation au cours de cette vidéo :

Maintenant que nous avons transféré les fichiers, notre site est en ligne. En tapant dans le navigateur l’adresse réservée dans le chapitre précédent, vous devriez voir votre site. Félicitations !

Bonus : transférez votre base de données

Le site que vous souhaitez mettre en ligne utilise une base de données ? Il faut également la transférer sur le serveur.

Comment envoyer ma base de données sur Internet ?

Bonne question. En fait, votre hébergeur vous propose déjà une base de données MySQL. Celle-ci est le plus souvent déjà créée.

Normalement, votre hébergeur doit vous donner le moyen d'y accéder, et vous fournir les informations de connexion (par e-mail ou sur son panel web).

Vous avez besoin de ces informations :

  • l'adresse du serveur MySQL peut être une adresse IP, une adresse web, un localhost ;

  • votre login MySQL ;

  • votre mot de passe MySQL ;

  • le nom de la base de données, si elle a déjà été créée ;

  • l'adresse du phpMyAdmin qui vous permet de gérer votre base en ligne.

Servez-vous des 4 premières informations (IP, login, mot de passe, nom de la base) pour adapter votre code afin qu'il puisse se connecter à la base de données de l'hébergeur. Si vous avez développé votre site avec PHP et PDO, le code à modifier doit ressembler à :

<?php
$bdd = new PDO('mysql:host=sql.hebergeur.com;dbname=mabase', 'pierre.durand', 's3cr3t');
?>

Si vous avez créé un site avec Symfony ou Laravel par exemple, il faut modifier le fichier  .env  qui contient toutes ces informations.

Enfin, si le site à mettre en ligne est un site WordPress, il faut modifier le fichier wp-config.php :

<?php
define( 'DB_NAME', 'mabase' );
define( 'DB_USER', 'pierre.durand' );
define( 'DB_PASSWORD', 's3cr3t' );
define( 'DB_HOST', 'sql.hebergeur.com' );
?>

Maintenant que c'est fait, vos scripts ont accès à la base de données de l'hébergeur... mais celle-ci est encore vide ! Il faut utiliser le phpMyAdmin qu'il met à votre disposition pour y recréer les tables.

Pour extraire nos données en local et les envoyer sur le serveur en ligne, je vous invite à suivre la vidéo ci-dessous :

Votre site devrait maintenant être complètement opérationnel. Félicitations !

En résumé

  • Pour transférer nos fichiers vers les serveurs de l’hébergeur, nous utilisons un client FTP comme FileZilla.

  • Trois informations sont nécessaires pour cela : l'adresse IP du serveur (ou son nom d'hôte), votre login et votre mot de passe. Ceux-ci vous sont fournis par votre hébergeur.

  • Si votre site web utilise une base de données, cette dernière doit également être transférée vers l’hébergeur, à l’aide de PHPMyAdmin, par exemple.

Exemple de certificat de réussite
Exemple de certificat de réussite