Dans cet article, nous montrons à quel point il est facile d’intégrer un service de traduction dans votre application Backendless à l’aide de l’intégration Zapier.
Backendless est incroyablement riche en fonctionnalités, mais aucune plate-forme ne peut couvrir tous les cas d’utilisation de niche. C’est pourquoi Backendless a une intégration Zapier, vous permettant d’accéder à des milliers d’outils tiers et de les intégrer rapidement dans votre application Backendless.
Pour cette démo, nous allons créer une application de traduction simple. Le but de l’application est de prendre le texte saisi par l’utilisateur et de le traduire dans la langue sélectionnée par l’utilisateur.
Configuration sans backend
Nous allons commencer du côté Backendless de l’équation. Ici, nous allons mettre en place une application à fonction unique avec une base de données. Vous pouvez facilement intégrer la fonctionnalité que nous montrons ici dans une autre application.
La table de base de données de l’application de démonstration est très simple et se compose de deux champs : demoText et language. Les demoText Le champ stockera le texte qui doit être traduit ainsi que tout texte qui a déjà été traduit.
Les language Le champ stockera la valeur de la langue vers laquelle vous souhaitez traduire le texte.
L’interface utilisateur de l’application se compose d’un Sélectionner élément, un Saisir élément, et « Réinitialiser » et « Enregistrer et traduire » Boutons.
Lorsque vous cliquez sur le bouton « Enregistrer et traduire », les actions suivantes sont effectuées dans la logique ci-dessous :
- Un objet avec les données des éléments de formulaire est créé et écrit dans le
formDatavariable. - L’objet créé est enregistré dans la table de la base de données. L’enregistrement d’un objet dans une table sera un signal (déclencheur) pour que Zapier initie une action. Sur ce déclencheur, Zapier recevra l’objet enregistré avec des données et le transférera vers l’application « Translate by Zapier ». « Traduire par Zapier » traduira le texte, puis l’objet sera mis à jour dans la table de la base de données Backendless.
- Lorsque l’objet est mis à jour dans la table de la base de données, la logique qui se trouve dans le « RT Data Update Listener » sera exécutée et le texte traduit sera affiché dans l’interface utilisateur.
Notez que nous incluons également une logique pour désactiver le bouton « Enregistrer et traduire » pendant que la traduction est en cours.
Configuration de Zapier
Passons maintenant du côté de Zapier. Si vous n’avez pas de compte chez Zapier, vous devez d’abord vous inscrire et vous connecter à votre compte Zapier. Un compte gratuit est tout ce dont vous aurez besoin pour cette démo.
La création de l’automatisation avec Zapier consistera en trois étapes.
Étape 1 – Définir un déclencheur
La première chose que nous devons faire est de définir un déclencheur. Les déclencheurs sont des actions que Zapier utilise pour commencer à effectuer une action. Dans notre cas, l’enregistrement de l’objet dans la base de données agira comme un déclencheur.
Cliquez sur le bouton « Créer un Zap ».
Dans le champ « App Event », sélectionnez Backendless.
Dans la liste déroulante « Événement déclencheur », sélectionnez « Objet créé » et cliquez sur le bouton « Continuer ».
Ensuite, vous devrez entrer vos informations d’identification avec lesquelles vous vous connectez à Backendless Console et cliquez sur le bouton Continuer.
Si vous avez utilisé un compte social pour vous inscrire à Backendless, vous devrez ajouter un mot de passe pour votre compte. Pour ajouter un mot de passe, visitez votre profil de développeur ici :
Dans les paramètres du déclencheur, vous devez sélectionner le nom de votre application Backendless et le nom de la table dans laquelle l’objet est enregistré. Ensuite, cliquez sur le bouton continuer.
Ensuite, vous devez tester votre déclencheur.
Si le test réussit, l’objet avec les données qui ont été enregistrées dans la table sera affiché.
Étape 2 – Configurer une action de déclenchement
Dans l’étape suivante, nous choisirons quelle action doit être effectuée après le déclenchement du déclencheur.
Sélectionnez l’application « Traduire par Zapier » dans la liste déroulante et sélectionnez « Traduire le texte » dans la liste « Événement d’action ». Cliquez sur le bouton continuer.
Configurez l’action comme indiqué ci-dessous. Le champ « Langue source » est intentionnellement laissé vide pour détecter automatiquement la langue. Les champs « Texte » et « Langue cible » contiendront les données des champs de la table de la base de données Backendless : demoText et language. Cliquez sur le bouton continuer.
Maintenant, testons à nouveau. Si vous ne l’avez pas déjà fait, saisissez du texte dans la base de données et une langue cible. Dans notre cas, nous avons utilisé Happy codeless coding et fr (pour le français).
Si le test est réussi, vous verrez le texte traduit et vous pourrez passer à la troisième étape.
Pour passer à la troisième étape, appuyez sur le « Plus » + puis sur le bouton « Retour à la configuration ».
Étape 3 – Définir une action pour mettre à jour la base de données
Dans la dernière étape, nous définirons une action supplémentaire à effectuer après la traduction du texte. Dans notre cas, cela mettra à jour les données dans la table de base de données Backendless.
Sélectionnez les paramètres d’action comme indiqué ci-dessous.
Vous sélectionnerez à nouveau votre compte Backendless ou saisirez vos informations d’identification (comme dans la première étape). Cliquez sur le bouton continuer.
Configurez les paramètres d’action comme indiqué ci-dessous.
Notez que vous devez sélectionner « ID d’objet » dans l’onglet « Personnalisé » comme indiqué ci-dessous.
Après cela, nous ferons un dernier test. Si le test réussit, l’objet qui a été envoyé à la base de données Backendless sera affiché.
Cliquez sur le bouton « Activer Zap » et vous êtes prêt ! Notre traduction Zap est maintenant opérationnelle.
Démo en direct
Merci d’avoir lu, et comme toujours, Bon Codage Sans Code !