Créer une application web avec Docker, Parse et Next.js - Partie 3 : Configuration de Parse Dashboard

Créer une application web avec Docker, Parse et Next.js - Partie 3 : Configuration de Parse Dashboard

Cet article est le troisième de la série qui a pour but de créer une application web qui repose sur docker. Dans cet article nous allons voir comment ajouter et configurer Parse-Dashboard.

Vous pouvez consulter les articles précédents depuis cette page.

Pour ajouter Parse-Dashboard nous allons commencer par créer un dossier dashboard et créer le Dockerfile.

mkdir dashboard  
cd dashboard  
touch Dockerfile  

Ajouter le code suivant dans le dockerfile

FROM node:latest

ENV PARSE_DASHBOARD_VERSION 1.0.25  
RUN npm install -g parse-dashboard@${PARSE_DASHBOARD_VERSION}  
ENV PORT 4040  
EXPOSE $PORT

CMD ["parse-dashboard"]  

Ensuite nous allons rajouter le service dasboard dans notre docker-compose.yml

dashboard:  
        build: ./dashboard
        container_name: "parse-dashboard"
        environment:
            PORT: 4040
            PARSE_DASHBOARD_ALLOW_INSECURE_HTTP: "True"
            PARSE_DASHBOARD_SERVER_URL: "http://localhost:1337/parse"
            PARSE_DASHBOARD_MASTER_KEY: "master"
            PARSE_DASHBOARD_APP_ID: "web-app-docker"
            PARSE_DASHBOARD_APP_NAME: "Docker Web App"
            PARSE_DASHBOARD_USER_ID: "user"
            PARSE_DASHBOARD_USER_PASSWORD: "password"
        ports:
            - "4040:4040"

Comme nous l'avons fait dans l'article précédent pour Parse Server,
on commence par indiquer le chemin du Dockerfile et nommer le container :

build: ./dashboard  
container_name: "parse-dashboard"  

Ensuite on définit les variables d'environnement :

environment:  
    PORT: 4040
    PARSE_DASHBOARD_ALLOW_INSECURE_HTTP: "True"
    PARSE_DASHBOARD_SERVER_URL: "http://localhost:1337/parse"
    PARSE_DASHBOARD_MASTER_KEY: "master"
    PARSE_DASHBOARD_APP_ID: "web-app-docker"
    PARSE_DASHBOARD_APP_NAME: "Docker Web App"
    PARSE_DASHBOARD_USER_ID: "user"
    PARSE_DASHBOARD_USER_PASSWORD: "password"
  • PORT: Port du Dashboard

  • PARSE_DASHBOARD_ALLOW_INSECURE_HTTP: Par défaut le dashboard n'est accessible que via HTTPS. Ce paramètre permet donc d'accéder au dashboard via HTTP.

  • PARSE_DASHBOARD_SERVER_URL: Url du serveur Parse.

  • PARSE_DASHBOARD_MASTER_KEY: MasterKey du serveur Parse.

  • PARSE_DASHBOARD_APP_ID: AppId du serveur Parse.

  • PARSE_DASHBOARD_APP_NAME: Nom qui seras afficher dans le dashboard pour l'application Parse.

  • PARSE_DASHBOARD_USER_ID: Nom d'utilisateur pour se connecter.

  • PARSE_DASHBOARD_USER_PASSWORD: Mot de passe pour se connecter.

Et enfin on mappe les ports entre la machine hôte et le container.

ports:  
    - "4040:4040"

Pour terminer démarrez les services :

docker-compose up  

Rendez vous sur la page localhost:4040 et vous devriez voir apparaître la page de connexion du dashboard.

Nous en avons fini avec la configuration de Parse Dashboard.

Dans l'article suivant nous ajouterons Next à cette configuration.

N'hésiter pas à vous abonnez à la newsletter pour recevoir chaque nouvel article dés sa sortie.

Si cet article vous a plu n'hésitez pas à le partager.