Guide d'environnement pour une application React
- Clément Creusat (Unlicensed)
Initialisation
https://edifice-community.atlassian.net/l/cp/81LaeKNC
Après avoir suivi le guide de migration, lors du démarrage de l’application, vous aurez cet écran :
Dev Local
Pré-requis :
Faire tourner un springboard en local sur le port localhost:8090
Dans l’appli React, configurer le
proxydevite.config.tsavec les routes nécessaires au développement.
// Exemple
"/blog": proxyObj,
"/explorer": proxyObj,
"/xxx": proxyObjDev Remote
Pour du développement front, il est possible de ne pas utiliser un springboard local et d’accéder directement au backend sur un environnement de recette, comme ci-dessous :
Dans l’appli React, ajouter un fichier
.envà la racine (ce fichier est ignoré par git)Configurer le fichier suivant avec les informations de l’utilisateur connecté sur la recette (ex: isabelle.polonio/EasyDemo)
VITE_XSRF_TOKEN=<XSRF-TOKEN-GOES-HERE>
VITE_ONE_SESSION_ID=<ONE-SESSION-ID-GOES-HERE>
VITE_LOCALHOST=<URL-LOCALHOST>
VITE_RECETTE=<URL-RECETTE>Il est possible pour le développement front, d’utiliser le localhost et la recette, notamment pour les CSS. Dans ce cas, remplacer la ligne
"^/(?=assets|theme|locale|i18n|skin)": proxyObj,
par ceci dans la conf du
proxydevite.config.ts
"^/(?=assets)": {
target: envs.VITE_LOCALHOST || "http://localhost:8090",
changeOrigin: false
},
"^/(?=theme|locale|i18n|skin)": proxyObj,