Lancer le tableau de bord en local

1. 01

   Téléchargez votre template

   Ouvrez Mes templates dans votre tableau de bord Aniq UI et téléchargez le ZIP.

   • Mes templates

   0:00 / 0:07

   Résultat attendu: Un fichier nommé comme dashboard-template-1-main-….zip se trouve dans vos téléchargements.

   J'ai fait cette étape
2. 02

   Décompressez et ouvrez le dossier

   Extrayez le ZIP et ouvrez un terminal dans le dossier dashboard-template-1. Sous Windows, extrayez-le dans l'Explorateur de fichiers, puis ouvrez un terminal dans le dossier.

   TerminalCopier

   unzip dashboard-template-1-*.zip
   cd dashboard-template-1

   0:00 / 0:08

   Résultat attendu: Le dossier contient Dockerfile, package.json, messages, public et src.

   Un problème ?

   J'ai fait cette étape
3. 03

   Construisez l'image

   Docker installe les dépendances et construit le tableau de bord dans l'image. La première construction prend quelques minutes et demande une connexion à internet ; les suivantes réutilisent ce qui n'a pas changé.

   Terminaldans dashboard-template-1Copier

   docker build -t financial-dashboard .

   0:00 / 0:08

   Résultat attendu: La construction se termine par une ligne qui nomme l'image financial-dashboard.

   Un problème ?

   J'ai fait cette étape
4. 04

   Démarrez-le et ouvrez le tableau de bord

   Démarrez un conteneur à partir de l'image, puis ouvrez localhost:3030/en/loginLocal. Laissez le terminal ouvert pendant que vous l'utilisez.

   Terminaldans dashboard-template-1Copier

   docker run -p 3030:3030 financial-dashboard

   Un port est déjà utilisé ?

   Si le démarrage s'arrête avec port is already allocated ou address already in use, un autre programme utilise le port 3030. Arrêtez-le, ou changez le nombre à gauche de -p et ouvrez ce port à la place : docker run -p 3041:3030 financial-dashboard, puis localhost:3041Local.

   Un port est déjà utilisé

   0:00 / 0:13

   Résultat attendu: La page de connexion s'ouvre en anglais. Connectez-vous avec les identifiants ci-dessous et la vue d'ensemble s'ouvre.

   Un problème ?

   J'ai fait cette étape

Connexion

Le tableau de bord est fourni avec un seul compte :

Le compte est un espace réservé, vérifié dans votre navigateur. Remplacez-le par votre propre connexion avant la mise en ligne.

• Comment fonctionne la connexion

Arrêter et redémarrer

Appuyez sur Ctrl+C dans le terminal pour arrêter le tableau de bord. Si vous avez fermé ce terminal, retrouvez le conteneur et arrêtez-le :

docker ps
docker stop <container-id>

Utilisez l'ID que docker ps affiche pour financial-dashboard. Pour redémarrer, relancez la même commande docker run ; l'image est déjà construite.

Après avoir modifié un fichier, reconstruisez l'image avant de la lancer. L'image contient une copie du code tel qu'il était au moment de son build.

Vos propres paramètres

Les réglages sont compilés dans l'application lors de la construction de l'image : ce sont donc des arguments de construction, pas des options de docker run. Par exemple, pour construire avec le mode démo activé :

docker build -t financial-dashboard --build-arg NEXT_PUBLIC_DEMO_MODE=true .

• Le rôle de chaque paramètre

Étapes suivantes

• Aux couleurs de votre marque
• Lancer sans Docker
• Mettre en ligne