Tableaux de bord (dev)

A partir de la version 11 2024 une nouvelle API permet de réaliser des tableaux de bord dans le portail basé sur le framework React.

Tip : L'ancienne API de tableau de bord est dépréciée

Principe

Un tableau de bord peut être considéré comme une interface organisée en vignettes (widgets) disposés sur une grille.

Environnement de développement

A partir de l'application Desktop

Vous pouvez développer un tableau de bord à partir de l'application Desktop.

Pour cela devez disposer d'un environnement de service 1000 contenant le site html.

Dans le concepteur de modèle

• Définissez le répertoire du site htmls du Service 1000.
• Démarrez le serveur htpp de développement.

L'url du portail géré par le serveur de développement sera indiqué dans la page.

A partir de cette adresse vous pouvez exécuter le portal 1000 et développer les tableaux de bord

A partir des sources du portail React

Si vous disposez d'un accès aux sources du portail React vous pouvez développer à partir du serveur de l'environnement de développement React (Visual Studio Code) et de l'application 1000 Desktop.

Ceci vous permettra de tracer le code javascript du portail.

Pour cela :

• Installer l'environnement de développement React (Visual Studio code)

• Cloner ou copier le projet React

Dans le fichier ".env.developpement" du projet vous devez avoir les variable :

REACT_APP_API_URL=http://localhost:8080/sdata
REACT_APP_API_PACKAGE=htmlportalPackage

• Ouvrir le répertoire du projet React
• Dans une fenêtre terminal bash exécuter

"yarn install"

"yarn start"

Le serveur de développement React démarre sur http://localhost:3000

Le serveur de développement de l'application Desktop doit être démarré.