Lancer le site en local
Lancez le site sur votre ordinateur avec Docker, en deux commandes.
Avant de commencer : installez et ouvrez Docker Desktop, ou Docker Engine sous Linux.
Voir la configuration requiseTéléchargez votre template
Ouvrez la page du template sur Aniq UI et cliquez sur Obtenir Gratuitement. Saisissez votre nom et votre e-mail, puis cliquez sur Réclamer : vous arrivez connecté sur votre tableau de bord, où le ZIP est prêt à être téléchargé.
Résultat attendu: Un fichier nommé comme
landing-page-template-3-main-….zipse trouve dans vos téléchargements.Décompressez et ouvrez le dossier
Extrayez le ZIP et ouvrez un terminal dans le dossier
landing-page-template-3. Sous Windows, extrayez-le dans l'Explorateur de fichiers, puis ouvrez un terminal dans le dossier.Terminalunzip landing-page-template-3-*.zip cd landing-page-template-3Résultat attendu: Le dossier contient
Un problème ?Dockerfile,package.json,messages,publicetsrc.Construisez l'image
Docker installe les dépendances et construit le site dans l'image. Rien n'est à configurer au préalable. Le premier build prend quelques minutes ; les suivants réutilisent chaque étape qui n'a pas changé.
Terminaldanslanding-page-template-3docker build -t company-site .Résultat attendu: Le build se termine sans erreur, et ses dernières lignes nomment l'image
Un problème ?company-site.Démarrez-le et ouvrez le site
Démarrez le conteneur, puis ouvrez localhost:3030Local. L'anglais se trouve sous
/en, l'arabe sous/ar.Terminaldanslanding-page-template-3docker run -p 3030:3030 company-siteUn port est déjà utilisé ?
Si Docker s'arrête avec
Un port est déjà utiliséport is already allocatedouaddress already in use, un autre programme utilise le port 3030. Arrêtez-le, ou changez le nombre à gauche de-p: lancezdocker run -p 3041:3030 company-siteet ouvrez localhost:3041Local.Résultat attendu: Le terminal indique que le serveur est prêt, et la page s'ouvre sur sa section d'accueil.
Un problème ?
Faites le tour
Voici à quoi ressemble la page une fois lancée.
La même page est en ligne sur landing-page-template-3.aniq-ui.com.
Arrêter et redémarrer
Appuyez sur Ctrl+C dans le terminal pour arrêter le site. Si ce terminal est fermé, docker ps affiche le conteneur en cours d'exécution et docker stop suivi de son identifiant l'arrête.
Redémarrez avec la même commande docker run. Après avoir modifié un fichier, reconstruisez d'abord l'image : elle contient une copie du site tel qu'il était au moment du build.
landing-page-template-3docker build -t company-site .
docker run -p 3030:3030 company-site