Intégrer dans Appsmith

Affichez vos graphiques Embases dans vos apps Appsmith via le widget iFrame.

Widget iFrame

Dans l'éditeur Appsmith, ouvrez le panneau Widgets sur la gauche et faites glisser le widget « Iframe » sur le canvas. Dans le panneau de propriétés à droite, collez l'URL de votre graphique Embases dans le champ « URL ». L'iFrame se redimensionne librement en faisant glisser ses bords sur le canvas.

https://embases.com/e/VOTRE_TOKEN

Astuce : Appsmith propose un mode aperçu (Preview) pour tester votre app avant publication. Vérifiez que l'embed Embases s'affiche correctement en mode aperçu avant de partager l'app avec vos utilisateurs.

URL dynamique avec bindings

Appsmith supporte les bindings JavaScript dans les propriétés des widgets via la syntaxe `{{ }}`. Vous pouvez construire l'URL de l'embed dynamiquement en fonction d'autres widgets de votre app — par exemple un Select, un Input ou une variable d'état.

Cette approche permet d'afficher différents graphiques Embases selon les sélections de l'utilisateur, sans créer plusieurs pages ou plusieurs apps.

{{"https://embases.com/e/" + select1.selectedOptionValue}}

Astuce : Utilisez un widget Select ou un widget List Appsmith pour laisser l'utilisateur choisir quel graphique Embases afficher. Le binding se met à jour automatiquement à chaque changement de sélection.

Instance self-hosted

Appsmith peut être hébergé sur votre propre infrastructure via Docker ou Kubernetes. Les embeds Embases fonctionnent de la même façon quelle que soit la méthode d'hébergement : l'URL de l'embed reste identique, seul le domaine de l'instance Appsmith change.

Si vous utilisez une instance self-hosted, pensez à ajouter votre domaine Appsmith personnalisé dans les paramètres de Domain Whitelisting de votre embed Embases.

Domain Whitelisting

Si le Domain Whitelisting est activé sur votre embed Embases, ajoutez votre domaine Appsmith à la liste blanche. Les apps Appsmith Cloud utilisent app.appsmith.com. Pour une instance self-hosted, ajoutez votre domaine personnalisé.

# Appsmith Cloud
app.appsmith.com

# Instance self-hosted
appsmith.votre-domaine.com

Étapes suivantes