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.

Développement

Dans le modèle 1000 un tableau de bord est une classe non persistante

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é.