Impossible d'avoir une réponse de l'IA pour un chat IA avec API CALL

Actions & Logic

Bonjour,

Je rencontre des difficultés pour obtenir une réponse de l’IA dans mon application FlutterFlow.
J’ai pourtant reproduit le schéma d’actions du bouton Envoyer (Backend Call, conditionnel, Update Page State, etc.), et ma page semble correctement configurée.

L’API Call (OpenAI ou Gemini) fonctionne bien, car lorsque je teste directement dans l’onglet API Calls avec une question insérée dans le prompt, je reçois bien une réponse. En revanche, lors de l’exécution depuis l’application, aucune réponse n’est affichée (le champ lié à la variable responseIA reste vide).

J’ai essayé plusieurs configurations depuis deux semaines, sans succès.
Pourriez-vous m’indiquer ce que je dois vérifier ou corriger dans mon flow d’actions afin que la réponse de l’IA s’affiche correctement dans mon widget texte ?

Je vous remercie vivement pour votre aide.

What have you tried so far?

1. Variables locales (Page State)

  • Créé une variable userMessage (String) → pour stocker le message saisi par l’utilisateur.

  • Créé une variable responseIA (String) → pour stocker la réponse de l’IA.

  • Optionnel : une variable isLoading (Boolean) pour gérer l’état de chargement.


2. TextField (messageUser)

  • Nom du champ : messageUser.

  • Initial Value : lié à la variable userMessage.

  • Action On ChangeUpdate Page State :

    • userMessage = messageUser (Entrer votre message).


3. Widget Texte (Content)

  • Lié à la variable responseIA.

  • Objectif : afficher la réponse de l’IA.


4. API Call (GeminiGenerateText / OpenAI)

  • Endpoint configuré avec clé API.

  • Variable envoyée : prompt = userMessage.

  • JSON Path configuré :

    • $.candidates[0].content.parts[0].text

    • Nom : aiResponse.


5. Flow d’actions du bouton "Envoyer"

  1. Backend Call APIGeminiGenerateText.

    • Paramètre prompt = messageUser.

    • Output stocké dans aiResponse.

  2. Condition 1 → Vérifie que aiResponseSucceeded.

  3. Condition 2 → Vérifie que aiResponse contient bien du texte.

    • TRUE :

      • Action 2 → Show Snack Bar avec aiResponse.

      • Action 3 → Update Page State :

        • userMessage = "" (vide).

        • responseIA = aiResponse.

    • FALSE (pas de texte) :

      • Action 4 → Show Snack Bar avec le message "Réponse vide".

  4. Si API échoue (Condition 1 FALSE) :

    • Action 5 → Show Snack Bar avec aiResponse -> Status.

Did you check FlutterFlow's Documentation for this topic?
No