Tutoriel Joomla! 2.5 : Transférer son site en local au serveur de production

Écrit par Marion le June 13, 2012

Toute l’équipe de video2brain remer­cie cha­leu­reu­se­ment Chris­tophe Aubry d’avoir pris le temps d’écrire ce tuto. Ce tuto écrit vient en com­plé­ment à la for­ma­tion «  Joomla! 2.5 : Les fon­da­men­taux  » réa­li­sée par Chris­tophe Aubry.

**For­ma­tion : indique le cha­pitre et la vidéo auquel le for­ma­teur fait réfé­rence dans la formation« Joomla! 2.5 : Les fondamentaux »

L’objectif :
Lorsque vous créez votre site avec un CMS comme Joomla!, il est essen­tiel de créer ce site web en local, sur votre machine, afin de tes­ter toutes les fonc­tion­na­li­tés que vous sou­hai­tez mettre en place. Une fois que cette pre­mière phase est cou­ron­née de suc­cès, vous devez le pla­cer sur le ser­veur de pro­duc­tion de votre héber­geur, afin que votre site soit acces­sible à tous sur Internet. Nous allons voir dans ce tuto­riel com­ment trans­fé­rer votre site déve­loppé en local, sur le ser­veur de pro­duc­tion de votre hébergeur.

Le site en local
Sous Win­dows, pour créer et tes­ter votre site en local, vous pou­vez uti­li­ser WAMP­ser­ver, sous Mac, vous pou­vez uti­li­ser MAMP, comme vous avez pu le voir dans le cha­pitre 2 « L’installation de Joomla! ».

Sau­ve­gar­der le site en local
La pre­mière étape consiste à sau­ve­gar­der tout le contenu de votre site en local. Pour ce faire nous uti­li­sons l’extension, le com­po­sant Joomla! Akeeba Backup (https://www.akeebabackup.com/). **For­ma­tion : reportez-vous au cha­pitre 12 « Ajout des exten­sions au site », vidéo « Le lan­ce­ment de la sau­ve­garde du site ».
Une fois la sau­ve­garde effec­tuée, vous télé­char­gez le fichier de sau­ve­garde. Dans cet exemple ce fichier se nomme : site-localhost-20120612 – 083938.jpa.

La base de don­nées chez l’hébergeur

  • Créer une base de don­nées chez l’hébergeur

Chez la plu­part des héber­geur pro­fes­sion­nels, vous avez la pos­si­bi­lité d’utiliser une base de don­nées qui est asso­ciée à votre site web. Géné­ra­le­ment cette base de don­nées est auto­ma­ti­que­ment créée à l’achat de votre espace d’hébergement, mais par­fois il faut la créer en vous connec­tant à votre inter­face d’administration de votre site web chez votre héber­geur.
Il n’y a pas de pro­cé­dure stan­dard, cela dépend tota­le­ment de votre héber­geur. C’est donc à vous de vous pré­oc­cu­per de cette étape. Quoi qu’il en soit vous devez récu­pé­rer auprès de votre héber­geur le nom de votre base de don­nées, l’identifiant de connexion à votre base de don­nées et le mot de passe d’aces à votre base de don­nées. C’est à votre héber­geur de vous four­nir tous ces paramètres.

  • Les para­mètres de la base de données

Notez bien que chaque héber­geur aura sa propre inter­face d’administration pour gérer les sites Web.
Dans cet exemple, nous allons voir l’interface d’administration de l’hébergeur OVH.
Nous allons nous connec­ter pour connaître les para­mètres tech­niques de la base de don­nées qui contien­dra les don­nées de notre site Joomla!.

Sur l’écran d’accueil, j’indique mon iden­ti­fiant et mon mot de passe d’administration. Une fois connecté à l’interface, dans le menu Mutua­lisé, je choi­sis Hébergement.

Ensuite, dans la zone Base de don­nées SQL, je clique sur le bou­ton Ges­tion SQL. J’ai alors la liste de toutes mes bases de don­nées acces­sibles dans mon espace d’hébergement.

À la créa­tion de la base pour mon site Joomla!, j’ai reçu une noti­fi­ca­tion de mon héber­geur OVH, avec le nom de la base de don­nées, net­plu­me­jml dans cet exemple, avec l’identifiant et le mot de passe d’accès à cette base de don­nées, ainsi que le nom de l’hôte, qui cor­res­pond au nom du ser­veur chez OVH.

Trans­fé­rer le site local sur le site de pro­duc­tion : le local sur le distant

Nous allons main­te­nant ins­tal­ler Joomla! sur le ser­veur dis­tant, sur notre espace per­son­nel chez notre hébergeur.

  • Télé­char­ger le script kickstart

Le com­po­sant Akeeba backup nous per­met d’effectuer une sau­ve­garde de notre site (en local ou depuis le site chez l’hébergeur). Nous allons télé­char­ger le script Akeeba kicks­tart (https://www.akeebabackup.com/downloads/akeeba-kickstart.html) qui va nous per­mettre d’effectuer l’installation chez l’hébergeur de Joomla! avec la sau­ve­garde du site en local.

**For­ma­tion : reportez-vous au cha­pitre 12 « Ajout des exten­sions au site », vidéo « La res­tau­ra­tion du site sur Mac ou sur Windows ».

  • Se connec­ter au site chez l’hébergeur

Nous allons devoir télé­char­ger des fichiers dans notre espace per­son­nel, chez notre héber­geur. Il nous faut uti­li­ser un logi­ciel de trans­fert de fichiers, un logi­ciel FTP (File Trans­fert Pro­to­cole). Si vous êtes sur Win­dows, uti­li­sez File­Zilla, si vous êtes sur Mac, uti­li­sez Cyber­duck. Ces deux logi­ciels sont gra­tuits et très per­for­mants.
Connectez-vous à votre espace d’hébergement avec l’un des deux logi­ciels. Vous devrez bien sûr indi­quer votre iden­ti­fiant et votre mot de passe pour vous connecter.

  • Télé­char­ger les fichiers nécessaires

La pre­mière étape consiste à télé­char­ger tous les fichiers néces­saires :
- les fichiers de script : jquery.min.js, json2.min.js et kickstart.php.
- le fichier de tra­duc­tion frais pour le script kicks­tart : fr-FR.kickstart.ini.
 – le fichier de sau­ve­garde du site local : site-localhost-20120612 – 083938.jpa, pour cet exemple.
Dans les exemples ci-dessous, la racine de mon site prin­ci­pal est www. Le sous-dossier où doit se faire l’installation de Joomla! est nommé mon-joomla.
Voici l’exemple avec Cyber­duck sous Mac :

Voici l’exemple avec File­Zilla sous Windows :

L’installation de Joomla! chez l’hébergeur

  • Joomla! et la sau­ve­garde locale

Main­te­nant nous allons effec­tuer la der­nière étape : l’installation de Joomla! chez l’hébergeur en uti­li­sant le fichier de sau­ve­garde du site local.

  • La connexion

Dans votre navi­ga­teur, sai­sis­sez l’URL cor­res­pon­dant au dos­sier d’installation de notre Joomla!. L›’URL doit être de ce type : http://www.votre-nom-de-domaine.fr/kickstart.php.

  • L’installation

L’écran d’Akeeba kicks­tart vous accueille :

Je clique sur le lien pour lan­cer l’installation. Dans l’encadré 1 — Veuillez choi­sir le type de fichier archive, doit être sélec­tionné le fichier de sau­ve­garde télé­char­gée précédemment.

Je clique sur le bou­ton Démar­rer, en bas de cette fenêtre. L’extraction du fichier de sau­ve­garde commence.

Ensuite, vient l’étape de l’installation pro­pre­ment dite :

Je clique sur le bou­ton Exé­cu­tion du pro­gramme d’installation. L’étape sui­vante liste les para­mètres tech­niques requis et optionnels.

En haut de l’écran, je clique sur le bou­ton Suivant.

L’étape sui­vante consiste à sai­sir les para­mètres de connexion à la base de don­nées qui va conte­nir le site. Tous les para­mètres vous sont four­nis par votre héber­geur, comme nous l’avons vu au début.

Je laisse les options par défaut pour les Options avan­cées et Affi­nage des para­mètres SQL. En haut de l’écran, je clique sur le bou­ton Suivant. Le script injecte dans la base de don­nées du site chez l’hébergeur, les don­nées issues de la sauvegarde.

Je clique sur le bou­ton OK. L’étape sui­vante demande les Para­mètres géné­raux du site

Les para­mètres FTP sont optionnels. Ensuite vous devez para­mé­trer le compte de l’administrateur.

Je ne modi­fie pas les Para­mètres optionnels. En haut de l’écran, je clique sur le bou­ton Suivant.

  • La fina­li­sa­tion

La der­nière étape nous indique que tout s’est bien passé.

Der­nière pré­cau­tion, n’oubliez pas de sup­pri­mer le dos­sier d’installation, en cli­quant sur le lien indiqué.

Le dos­sier est alors supprimé :

Je clique sur le bou­ton OK. Ensuite je suis redi­rigé vers mon site res­tauré depuis la sau­ve­garde locale.

  • Connexion à l’administration

Pour vous connec­tez à l’administration de votre site, sai­sis­sez une URL de ce type : http://www.votre-nom-de-domaine.fr/administrator/index.php.

  • Abeille

    Bon­jour,

    Merci pour cette docu­men­ta­tion. J’ai réussi à ins­tal­ler mon site Joomla local sur mon héber­geur. C’est une excel­lente docu­men­ta­tion. Féli­cia­tions et sur­tout un grand MERCI

    A bien­tôt

    Abeille

  • Ano­ny­mous

    Merci pour votre com­men­taire et bonne conti­nua­tion !
    Votre équipe video2brain

  • Nono­sims

    Bon­soir, pour votre tuto c’est vrai­ment le top. Pour mon héber­geur j’ai sim­ple­ment du créer un dos­sier sur mon ser­veur dis­tant et cocher la case « ne pas tenir comptes des erreurs » et tout c’est bien déroulé. Vrai­ment du bon bou­lot. Merci encore

  • Ano­ny­mous

    Merci pour votre com­men­taire !
    Toute l’équipe de video2brain vous sou­haite une bonne conti­nua­tion avec les for­ma­tions video2brain !

  • Emma­nuel

    Bon­jour. Merci pour ce tra­vail détaillé et précis.

    J’ai un cas de figura légè­re­ment dif­fé­rent sur lequel je bloque.
    Je veux réa­li­ser un clone d’un site en ligne (dos­sier A) vers un autre dos­sier (B) afin de dis­po­ser d’une copie offline mais opérationnelle.

    Mon héber­ge­ment chez ovh ne m’autorise qu’une base de don­née ( qui sou­tient le site en ligne du dos­sier A)

    Je sou­haite donc que la nou­velle base de don­nées (B) n’écrase pas l’ancienne (A) mais soit inté­grée avec un préfixe différent. 

    Akkeba kicks­tart per­met de pré­ci­ser un nou­veux préfixe, mais semble écra­ser les tables exis­tantes. je ne sis donc pas allé au bout de la pro­cé­dure.
    auriez vous une astuce pour ce cas?

    Merci et bonne soi­rée
    Manu

  • Luda­rie

    Bon­jour,

    N’étant pas une pro de l’informatique, j’ai essayé à plu­sieurs reprises d’installer mon site Joomla local sur mon héber­geur, en vain, avant d’appliquer votre méthode, effi­cace, pré­cise et très bien expliquée !

    Je vous remer­cie beau­coup pour ce tutoriel.

    Ophé­lie

  • Pas­cal

    Bon­jour,

    Merci pour ce tuto qui a l’air très détaillé.

    A l’aube de bas­cu­ler sur un ser­veur de pro­duc­tion, j’ai un gros doute. Est-ce que la pro­cé­dure détaillée ci-dessus per­met d’avoir le site à l’identique que sur son ser­veur en local ?

    Je me pose cette ques­tion car il m’est arrivé de modi­fier des fichiers .css (modi­fi­ca­tion de taille de police, de pad­ding, de mar­ging et des trucs dans le genre), de rajou­ter de nou­velles polices d’écritures. Aussi, avec un ami qui déve­loppe sous joomla, au fil de la dis­cus­sion, j’ai com­pris qu’il fal­lait réins­tal­ler tous les com­po­sants, modules, plu­gins … bref gros gros doute ;-(

    Je crains de tout refaire manuellement.

    Merci de m’avoir lu

  • Ano­ny­mous

    Bon­jour,

    Merci de votre com­men­taire !
    Nous vous conseillons de poser votre ques­tion dans un forum dédié à Joomla. (http://forum.joomla.fr/)
    Nous espé­rons que vous y trou­ve­rez rapi­de­ment une réponse !

    Bonne conti­nua­tion !
    Votre équipe video2brain

  • hal­loy

    Super tuto, merci ! Ce devrait bien sim­pli­fier les choses ! Mais j’ai un souci, j’ai d/l kickstar-core-3.7.0, trans­féré les fichiers néces­saires chez l’hébergeur, puis la sau­ve­garde. Mais quand je lance enfin kickstart.php j’ai une erreur : Parse error: syn­tax error, unex­pec­ted $end in /homez.741/hautcons/www/kickstart.php on line 7351

    Quelle en serait la rai­son ? merci d’avance

  • hal­loy

    J’ai trouvé la rai­son : le fichier kickstart.php cible ne fai­sait pas la même taille que l’original. Impos­sible de le rem­pla­cer (File­zilla) cor­rec­te­ment. Fina­le­ment, en fai­sant Reprendre, plu­tôt que Rem­pla­cer, il avait la bonne taille et l’erreur a dis­paru et j’ai pu lan­cer la pro­cé­dure.
    Merci encore pour ce tuto !

  • bob le joomleur

    Very Nice job ! Congratulations !

  • Vincent

    Mille mer­cis pour ce tuto…
    Mais il a un tout petit peu vieilli et il faut faire atten­tion en ins­tal­lant les dif­fé­rents outils cités (Akeeba) sur leur com­pa­ti­bi­lité avec les ver­sions PHP du ser­veur.. j’ai du m’y reprendre à 3 fois car j’avais pris les « last update » qui n’étaient mal­heu­reu­se­ment pas com­pa­tibles sur mon ser­veur ovh… Mais en reve­nant sur les ver­sions anté­rieures, c’est par­fait. Votre démarche pas à pas est très appré­ciable pour des per­sonnes comme moi, peu fami­lière avec les lignes de code html !!!
    Encore merci.

  • Ano­ny­mous

    Bon­jour,
    Merci pour votre com­men­taire ! Cet article date en effet de juin 2012, mais nous sommes ravis qu’il vous ait été utile.
    Bonne conti­nua­tion avec Joomla !
    Votre équipe video2brain

Article précédent :

Article suivant :