Publié le : 30 juin 2025

Tags :
  • installer-WebLeger

Clone du projet GitHub

Pour commencer à utiliser WebLeger il faut "télécharger" l'outils. Il s'agit d'un Framework un outils qui cous guide dans une tâche données (ici créer un site Web éco-conçu et lègé).

WebLeger utilise un systeme de gestion de version : Git. Le projet est hébergé sur GitHub (un site facilitant la coopération avec des projet Git).

Comme votre site contiendra votre contenu vous ne pouvez pas utiliser le projet WebLeger directement (sinon le contenu de tous les utilsiateurs serait mélangés).
Il vous faut d'abord créer une "copie" du projet, cet action s'apel faire un fork dans le voucabulaire gitHub.

Création du compte gitHub

Si vous n'avez pas encore de compte su GitHub la première étape de vous créer un compte : rendez-vous sur le site https://github.com puis créez-vous un compte.

Fork du projet

Une fois créé rendez-vous sur le repository du projet WebLeger : [https://github.com/Webleger/webleger), puis cliquez sur le bouton fork en haut de l'écran. GitHub bouton Fork

Vous allez être re-dirigé sur votre fork : une "copie" du repository dans votre espace GitHub.

Pourquoi faire un Fork du projet ?

Vous pouriez utiliser directement le repository WebLeger MAIS :

  • vous ne pourrez pas sauvegarder vos contenu.
  • vous ne pourrez pas héberger une version de "démo" de votre site.
  • vous ne pourrez pas intégrer la création du site dans un processus d'intégration continu.

Vous pouriez "copier/coller" une version du projet en local, sans utiliser Git :

  • En plus des inconvénient précédent il vous sera alors très difficile de faire les mise à jour (lors de nouvelle version de WebLeger).

Récupérer votre reprository sur votre oridnateur

Cela va vous permetre de modifier les fichiers sur votre ordinateur (avec Eclipse IDE), puis de les envoyer sur le repository GitHub de temps en temps pour faire une sauvegarde our le partager avec les autres éditeurs de contenues.

Cette étape s'apel faire clone du reprository.

  • Lancez Elcipse
  • Dans le menu sélectionnez Window -> Perspective -> Open Perspective -> Other puis sélectionnez la perpective "Git".
    Ouvrir la perspective GIT

Ouvrez GitHub et rendez-vous sur votre repopsitory, puiscliquer sur le bouton code puis cliquer sur le petit bouton pour copier l'URL de clonage.
Obtenir l'URL de clonage de votre repository

Retournez dans Elcipse IDE, assurez-vous que vous ets dans la perspective Git (les petits icônes en haut à droite de la fenètre principal).
Afficher la perspective GIT dans Elcipse IDE

Pour cloner le reprository il faut cliquer sur l'icone "clone" dans la vue GIT Repository affichée à droite.
Clonner un repository GIT dans Elcipse IDE

L'assitant de clonage va s'afficher. Il sera pré-remplie (car vous avez déja copier l'URL de votre reprository). Toutes les options par défaut sont corecte, il vous suffit de cliquer sur "Next" puis "Finish".

Importer le repository dans la vue projet

Enfin il faut importer votre projet dans Eclipse IDE. C'est cette dernière étape qui vous permetra de commencer à modifier le contenu de votre site !

Faire un clique droit sur le repository qui est apparu a droite puis sélectionnez "import projetcs...". Dans l'assitant cocher la case à coté du nom du projet puis cliquez sur "next" puis "Finish"
Importer un projet à partir d'un repository GIT dans Elcipse IDE

Vous pouvez maintenant retourner dans la perspective "Java EE".
Afficher perspective Java EE dans Elcipse IDE

Toutes ces étapes fastidieuses ne sont à effectuer qu'une seul fois ! La création de votre site s'effectura dans la perspective "Java EE".