Flutter est la nouvelle technologie open source de Google pour créer des applications Android et iOS natives avec une seule base de code. Comme il dispose de widgets prêts à l’emploi et personnalisés, il est facile de créer l’interface utilisateur.
Suivez ces étapes pour créer un chatbot Flutter
Étape 1 : Créer un compte dans Kommunicate
Connectez-vous à votre tableau de bord Kommunicate et accédez à la section Bot Integration.
Localisez la section Kompose et cliquez sur Integrate Bot.
Maintenant, configurez votre bot en fournissant le nom du bot, la langue du bot et le paramètre de transfert humain, puis terminez la configuration du bot.
Vous pouvez vérifier votre bot nouvellement créé dans la section ci-dessous :
- Tableau de bord → Intégration des bots → Gérer les bots:
Étape 2 : Créer des messages de bienvenue et des réponses pour votre chatbot Flutter
Allez dans la section ‘Kompose – Bot Builder’ et sélectionnez le bot que vous avez créé.
Tout d’abord, définissez le message de bienvenue de votre chatbot. Le message de bienvenue est le premier message que le chatbot envoie à l’utilisateur qui initie un chat.
- Clique le « Message de bienvenue » rubrique dans la « Entrez le message de bienvenue – Message du bot » pour fournir le message que votre chatbot doit afficher aux utilisateurs lorsqu’ils ouvrent le chat, puis enregistrez l’intention de bienvenue.
Une fois la création du message de bienvenue terminée, l’étape suivante consiste à créer des réponses pour votre chatbot.
La section des réponses est l’endroit où vous devez ajouter tous les messages de l’utilisateur et les réponses du chatbot.
- Allez à la « Répondre » section, cliquez sur +Ajouter, puis donnez un ‘Nom de l’intention’
Dans le Configurer le message de l’utilisateur section – vous devez mentionner les phrases que vous attendez des utilisateurs qui se déclencheront.
Configurer la réponse du bot section – vous devez mentionner les réponses (texte ou messages enrichis) que le chatbot fournira aux utilisateurs pour le message de l’utilisateur particulier. Vous pouvez ajouter n’importe quel nombre de réponses et de réponses de suivi pour le chatbot.
Étape 3 : Comment activer les chatbots
Une fois que vous avez créé un bot, vous pouvez le définir comme bot par défaut dans la section des règles de routage des conversations, comme indiqué ci-dessous.
- Cliquez sur ⚙️Paramètres >> Règles de conversation >> Règles de routage pour les bots >> Cliquez ensuite sur bot comme ci-dessous et sélectionnez votre bot
Désormais, ce bot répondra dans toutes les conversations.
Étape 4 : Installez Kompose Chatbot dans l’application Flutter
Kommunicate Flutter SDK vous permet d’ajouter un chat en direct personnalisable à vos applications. Il prend en charge de nombreuses plates-formes hybrides actuellement sur le marché. Il fournit un moyen rapide et expressif de créer des applications natives sur IOS et Android.
Conditions préalables
Les applications utilisant Kommunicate peuvent cibler Xcode 11 ou version ultérieure, et AndroidX est requis.
Ajoutez le SDK Flutter à votre application
- Ajoutez la dépendance ci-dessous dans votre
pubspec.yamldéposer:
dependencies:
# other dependencies
kommunicate_flutter: ^1.1.6flutter pub obtenir
- Importez kommunicate_flutter dans votre fichier .dart pour utiliser les méthodes de Kommunicate :
import 'package:kommunicate_flutter/kommunicate_flutter.dart';Pour iOSaccédez à votre répertoire App/iOS depuis le terminal et exécutez la commande ci-dessous :1pod install
Remarque : Kommunicate iOS nécessite la version minimale de la plate-forme iOS 10 et utilise des frameworks dynamiques. Assurez-vous d’avoir les paramètres ci-dessous en haut de votre iOS/Podfile :
platform :ios, '12.0' use_frameworks!Obtenez votre identifiant d’application
Vous pouvez obtenir l’ID d’application à partir de la section d’installation du tableau de bord Kommunicate.
- Accédez à ⚙️Paramètres >> INSTALLER >> Installer >> Votre ID d’application :
Lancer la conversation
Kommunicate fournit construire une conversation fonction pour créer et lancer des conversations directement, vous évitant les étapes supplémentaires d’authentification, de création, d’initialisation et de lancement. Vous pouvez personnaliser le processus en créant le objet de conversation selon vos exigences.
Pour lancer la conversation, vous devez créer un objet de conversation. Cet objet est transmis à la fonction de construction de conversation et, en fonction des paramètres de l’objet, la conversation est créée/lancé.
Voici un exemple pour lancer une conversation.
dynamic conversationObject = {
'appId': '',// The APP_ID obtained from kommunicate dashboard.
};
KommunicateFlutterPlugin.buildConversation(conversationObject) .then((clientConversationId) { print("Conversation builder success : " + clientConversationId.toString()); }).catchError((error) { print("Conversation builder error : " + error.toString()); });C’est tout! Exécutez l’application Flutter et discutez avec le chatbot.
Vous pouvez facilement intégrer le chatbot Kompose dans les applications Flutter en quelques étapes simples.
Si vous avez besoin de plus d’informations, vous pouvez consulter la documentation de Kommunicate.
Exemple d’application Kommunicate : Téléchargez l’exemple d’application à partir de iciqui comprend le SDK Kommunicate Flutter prêt à l’emploi.
Allez-y et explorez l’intégration Flutter avec le chatbot Kompose.