Guide complet pour intégrer Devana.ai dans vos applications web et créer des outils personnalisés.
Utilisez cette méthode si vous voulez :
Fonctionnalités :
<iframe>Démarrage rapide :
<iframe
src="https://app.devana.ai/chat/{AGENT_ID}/"
width="500"
height="600"
></iframe>
Exemple complet pour :
Fonctionnalités :
Utilisez les Tools pour :
Types de Tools :
Fonctionnalités techniques :
x-user-id automatiquement ajoutéArchitecture d'un Tool :
{
name: "MonTool", // Nom unique
description: "...", // Description pour le LLM
schema: z.object({...}), // Validation Zod
func: async (params) => {} // Logique d'exécution
}
Exemple d'utilisation :
| Méthode | Complexité | Backend requis | Personnalisation | Use case |
|---|---|---|---|---|
| IFrame simple | ⭐ Facile | Non | Limitée | Chatbot public basique |
| Widget Chatbot | ⭐⭐ Moyen | Non | Moyenne | Chatbot flottant stylisé |
| Custom Tools | ⭐⭐⭐ Avancé | Oui | Totale | Intégration métier complexe |
<iframe src="https://app.devana.ai/chat/{AGENT_ID}/" width="500" height="600"></iframe>
Suivez le guide complet dans iframe-examples.md avec code HTML/CSS/JS prêt à l'emploi.
Headers, Query params, Nonex-user-id automatiquement ajouté à chaque requête→ iframe-examples.md - Widget flottant avec design moderne
→ iframe.md - Intégration complète dans une page
→ tools.md - Custom Tool avec authentification API
→ tools.md - Tool avec validation Zod des paramètres
→ tools.md - Tool POST vers votre service
Tous les fichiers de cette section incluent des exemples de code complets et prêts à l'emploi :