Cloud Code Functions
Integrations
Intégrer WhatsApp avec Twilio et Back4App: Guide Développeur
11 min
utiliser des fonctions cloud pour envoyer des messages whatsapp via l'api twilio introduction dans ce guide, nous allons expliquer comment vous pouvez utiliser l'api rest simplifiée de twilio pour envoyer facilement des messages whatsapp après avoir terminé ce tutoriel, vous pourrez utiliser une fonction de code cloud pour envoyer des messages whatsapp à vos clients alors, mettons nous au travail prérequis pour compléter ce tutoriel, vous aurez besoin de une application créée sur back4app suivez le tutoriel créer une nouvelle application pour apprendre à créer une application sur back4app back4app command line configuré avec le projet suivez le tutoriel configurer cloud code pour apprendre à configurer le code cloud pour un projet compte créé sur twilio commençons! comme vous le savez peut être, whatsapp, propriété de facebook, a récemment lancé sa première version de l'api pour que les entreprises puissent s'intégrer et communiquer sans effort avec les clients en utilisant whatsapp pour ce service de l'api business, les entreprises peuvent envoyer des notifications personnalisées avec des messages pertinents et non promotionnels, tels que des confirmations de réservation, des rappels de rendez vous et des alertes de livraison, à leurs clients qui ont donné leur consentement twilio est une plateforme de communication cloud qui offre une fonctionnalité robuste pour communiquer et prototyper immédiatement avec l'api whatsapp business pour l'instant, l'api twilio pour whatsapp est en beta et ne permet d'envoyer que des messages texte à un utilisateur whatsapp en d'autres termes, avec ce service, il n'est pas encore possible d'envoyer des images, des fichiers audio, des vidéos et des fichiers pdf aux utilisateurs la fonctionnalité utilisée pour envoyer ou recevoir des messages whatsapp à l'utilisateur est le "twilio sandbox" pour envoyer des messages au numéro whatsapp d'un utilisateur, vous devrez d'abord activer le sandbox et activer le numéro qui rejoindra votre sandbox dans l'étape 1, nous expliquerons comment vous pouvez activer votre twilio sandbox pour whatsapp remarque le sandbox twilio a certaines limitations , et la principale est que vous ne pouvez envoyer ou recevoir des messages que de la part des utilisateurs qui ont rejoint votre sandbox spécifique cependant, cette limitation peut être contournée si vous activez whatsapp en utilisant votre propre numéro twilio pour activer whatsapp sur votre propre numéro, vous devez soumettre une demande d'approbation directement à twilio console dans ce guide, nous expliquerons comment vous pouvez utiliser une simple api rest pour envoyer et recevoir des messages directement sur whatsapp tout en agissant comme un middleware nous allons écrire et mettre en œuvre une fonction cloud qui interagira avec une api twilio pour envoyer ces messages une fois que cette fonction sera déclenchée par un événement de sauvegarde, nous appelons cette fonction un aftersave pour créer ou accéder à un compte dans twilio, consultez les liens ci dessous créer un nouveau compte connectez vous à votre compte 1 activez votre bêta whatsapp après vous être connecté à un compte existant, vous serez redirigé vers votre projet mais, si vous êtes un nouvel utilisateur, vous devrez d'abord créer un projet et sélectionner sms programmable sms programmable parmi les produits vous devriez maintenant voir le projet récemment créé sur votre console ensuite, vous devez cliquer sur le sms programmable sms programmable et sélectionner la 4ème option whatsapp beta whatsapp beta puis suivre les étapes données dans cette section pour activer le twilio sandbox pour whatsapp comme montré ci dessous 2 obtenez le sid de compte et le jeton d'authentification pour trouver votre sid de compte sid de compte et jeton d'authentification jeton d'authentification , connectez vous à votre compte twilio, allez sur votre tableau de bord et cliquez sur paramètres toutes les informations importantes concernant votre projet seront disponibles dans cette section assurez vous que toutes ces instructions sont suivies comme montré dans l'image ci dessous maintenant, vous pouvez copier votre sid et votre jeton d'authentification pour le cloud code 3 installer le module de twilio après avoir configuré l'environnement pour l'interface de ligne de commande sur votre ordinateur, créez un fichier appelé package json, et à l'intérieur de ce fichier, vous devez installer le module twilio, comme 1 { 2 "dependencies" { 3 "twilio" " " 4 } 5 } 4 implémenter le cloud code dans cette section, nous allons vous montrer comment travailler avec les fonctions cloud https //docs parseplatform org/cloudcode/guide/#cloud functions nous allons construire une fonction de déclenchement aftersave pour activer et envoyer le message de confirmation que l'objet a été enregistré 1 parse cloud aftersave("contact", (request) => { 2 3 // requiring the values to send 4 var 5 getphoneto = request object get("phone"), 6 getfirstname = request object get("firstname"), 7 getphonefrom = "+your phone number", //remember to replace your number enable on twilio sandbox 8 accountsid = 'accountsid', 9 authtoken = 'authtoken', 10 getmessage = "welcome " + getfirstname +", to twilio app! thank you for your interest, our team will contact you asap! ;)"; 11 12 //require the twilio module and create a rest client 13 var client = require('twilio')(accountsid, authtoken); 14 15 client messages 16 create( 17 { 18 from "whatsapp " + getphonefrom, 19 body getmessage, 20 to "whatsapp " + getphoneto 21 }) 22 then(message => console log(message sid)) 23 done(); 24 }); 5 tester le déclencheur aftersave maintenant que nous avons créé et activé le déclencheur aftersave, il est temps de tester la fonction pour voir si elle fonctionne parfaitement ou non vous pouvez également tester la fonction dans les sdk clients, mais pour l'instant, nous allons utiliser la commande rest api pour enregistrer un nouvel utilisateur curl x post \\ h "x parse application id ${application id}" \\ h "x parse rest api key ${rest api key}" \\ h "content type application/json" \\ d '{"firstname" "natália", "phone" "+0000000000000"}' \\ https //parseapi back4app com/classes/contact et le résultat sera similaire à la capture d'écran ci dessous 6 c'est fait ! avec le guide décrit ci dessus, vous pourrez utiliser twilio avec une fonction cloud code dans back4app et envoyer des messages whatsapp à vos clients qui ont donné leur consentement ! si vous avez besoin d'aide ou qu'une fonction/lien ne fonctionne pas, veuillez contacter notre équipe via le chat !