geocontrib-frontend

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Docker

Lancer un build

npm run build

Créér une image docker

docker-compose build

puis

docker-compose push

Aller sur la VM geocontrib, (demander l'accès si besoin), aller dans /opt/geocontrib/[user] et ensuite :

docker-compose pull

et

docker-compose up -d

Changement depuis django

• Base.html = App.js

Divers

• Vue-frag permet d'avoir plusieurs éléments html à la racine du template d'un compposant (comme les fragments dans React), sans avoir à ajouter une div wrapper qui peut modifier le style, si on a une classe parente avec du flex par exemple. Cela permet de garder la même structure de pages que les templates originaux dans Django.

Dev

Pour éviter les problèmes de Cors en dév, car backend sur serveur différent de frontend (en prod même serveur), on utilise un proxy qui s'occupe de renseigner les CORS: https://github.com/garmeeh/local-cors-proxy#local-cors-proxy

La commande serve lance les deux serveurs en parallèle.

Préparation des variables d'environnement

Créer un fichier .env à la racine du projet puis ajouter les variables comme indiquer dans l'exemple ci-dessous (à adapter en fonction de l'environnement d'exploitation).

DOMAIN=http://127.0.0.1:8010

NODE_ENV=development
VUE_APP_LOCALE=fr-FR
# AUTH
VUE_APP_LOGIN_API_USERNAME=admin
VUE_APP_LOGIN_API_PASSWORD=admin
VUE_APP_APPLICATION_NAME=GéoContrib
VUE_APP_APPLICATION_ABSTRACT=Application de saisie d’informations géographiques contributive
VUE_APP_LOGO_PATH=@/assets/img/logo-neogeo-circle.png
VUE_APP_DJANGO_API_BASE=http://localhost:8010/api/