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

-

2 minutes

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.

Vous pouvez retrouver le code source ici.

Soyez informé des nouvelles sorties.

Ne ratez aucune nouvelle sortie. Soyez avertie dès lors qu'un article, une formation, ou une vidéo sont sortis.