项目作者: AgenceBio

项目描述 :
Transmission et consultation des données géographiques de l'Agriculture Biologique en France.
高级语言: Vue
项目地址: git://github.com/AgenceBio/cartobio-front.git
创建时间: 2019-03-20T09:24:36Z
项目社区:https://github.com/AgenceBio/cartobio-front

开源协议:MIT License

下载


CartoBio - Frontend

Application de suivi et de certificaton du parcellaire bio à destination des opérateurs bio et des organismes de certification.

Cette application implémente la maquette Figma CartoBio ainsi que le Système de Design de l’État avec Vue 3, Vue Router, Vue Pages, Pinia et MapLibre entre autres.

Les erreurs sont centralisées avec Sentry et les mesures pour les statistiques d’utilisation avec Matomo.

Développement

Outils nécessaires

  • node 20

On pourra utiliser nvm pour faciliter la gestion de différentes versions de node (cf. .nvmrc) :

  1. nvm install && nvm use

Configuration

Créer un fichier .env inspiré de .env.local.example.
Bien vérifier l’API mobilisée paramétrée avec VUE_APP_API_ENDPOINT.

Application

Récupérer les dépendances :

  1. # Versions verrouillées
  2. npm ci
  3. # Et/ou en les mettant à jour
  4. npm install

Démarrer :

  1. npm start

Ouvrir :

WebComponent Notification

Le composant est intégré au portail de notification de l’Agence Bio pour proposer une option de chargement de parcellaire dès la première étape règlementaire.

Le code source se situe dans widget/.

La variable d’environnement VUE_APP_NOTIFICATIONS_AB_SAMPLE_WEBCOMPONENT_TOKEN doit être configurée avec un jeton valide.

La clé publique de vérification doit être installée côté API via la variable d’environnement NOTIFICATIONS_AB_PUBLIC_KEY.

  1. npm start -- --config vite.widget.config.js

Ouvrir :

La page documente son intégration dans une page web tout en proposant une version interactive.

Exécution des tests

  1. npm test

Préparation au déploiement

  1. npm run build

Les fichiers produits sont dans le répertoire dist.

Déploiement

Environnement de test

Chaque commit/push sur la branche test déploie en test : Build and deploy (test)

Environnement de préproduction

Chaque commit/push sur la branche v2 déploie en préproduction : Build and deploy (staging)

Environnement de production

Chaque nouveau tag v2.* déploie en production : Build and deploy (production)

Pour créer un tag :

  1. # Lors d'ajout de fonctionnalités
  2. npm version minor
  3. # Lors d'un correctif ou ajout très mineur
  4. npm version patch

Puis :

  1. git push --tags

Maintenance

Mettre à jour les codes cultures PAC

  1. npm install @agencebio/rosetta-cultures@latest