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
  • PARSEDASHBOARDALLOWINSECUREHTTP: Par défaut le dashboard n'est accessible que via HTTPS. Ce paramètre permet donc d'accéder au dashboard via HTTP.
  • PARSEDASHBOARDSERVER_URL: Url du serveur Parse.
  • PARSEDASHBOARDMASTER_KEY: MasterKey du serveur Parse.
  • PARSEDASHBOARDAPP_ID: AppId du serveur Parse.
  • PARSEDASHBOARDAPP_NAME: Nom qui seras afficher dans le dashboard pour l'application Parse.
  • PARSEDASHBOARDUSER_ID: Nom d'utilisateur pour se connecter.
  • PARSEDASHBOARDUSER_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.

Vous pouvez retrouver le code source ici.