Commencez avec l'extension Bird sur Firebase

Extension Firebase

1 min read

Commencez avec l'extension Bird sur Firebase

Extension Firebase

1 min read

Commencez avec l'extension Bird sur Firebase

Firebase vous permet de développer et de déployer rapidement des applications de haute qualité, associées à des fonctionnalités étendues qui vous permettent d'optimiser et de faire évoluer continuellement votre application. Firebase propose également des extensions pré-packagées et open-source pour vous aider à automatiser des tâches courantes de développement.

Firebase vous permet de développer et de déployer rapidement des applications de haute qualité, associées à des fonctionnalités étendues qui vous permettent d'optimiser et de faire évoluer continuellement votre application. Firebase héberge également des extensions pré-packagées et open-source pour vous aider à automatiser les tâches de développement courantes.

Aujourd'hui, nous sommes ravis de discuter de l'extension Bird | Firebase.

Envoyez des messages et des notifications avec Bird

L'extension Bird sur Firebase vous connecte au plus grand portefeuille omnicanal du monde pour envoyer des messages et des notifications sur tous les canaux préférés de vos clients. Propulsé par la connectivité mondiale de Bird, cela signifie que vous pouvez atteindre vos clients rapidement — et partout dans le monde ! 

Communication app icons with platforms including WhatsApp, Telegram, Instagram, Messenger, and various social media apps.


Pour simplifier davantage le processus, lorsque vous ajoutez un document à une collection Firebase spécifique, l'extension utilisera l'API Conversations de Bird pour convertir ce document en texte lisible et mettre à jour le document avec le statut de livraison.

Dans cet article, vous apprendrez comment vous pouvez commencer à envoyer en seulement quelques étapes !

Un exemple d'utilisation

Quand j'ai entendu que mes collègues travaillaient sur la création d'une extension Firebase qui vous permettrait d'intégrer facilement l'envoi de messages dans votre application, j'ai dû l'essayer et construire quelque chose avec elle.

Note : Vous pouvez trouver l'extension Bird sur Firebase ici.

Pour contextualiser l'extension, nous allons considérer une petite application d'exemple pour gérer une file d'attente dans un restaurant.

Le propriétaire ou l'hôte du restaurant peut enregistrer les clients sur l'interface web ou les clients peuvent s'inscrire eux-mêmes. Lorsque leur table est prête, d'un simple clic sur un bouton par un employé du restaurant, une notification sera envoyée au client pour retourner au restaurant.

Bien qu'il existe de nombreuses façons de construire un système pour notifier les utilisateurs, les meilleures solutions allègent autant que possible le travail pour les clients. Cela aide les entreprises à offrir à leurs clients une excellente expérience.

C'est pourquoi nous allons utiliser la nouvelle extension Bird | Firebase pour s'assurer que les clients sont notifiés par SMS. De cette façon, les clients peuvent profiter de leur temps d'attente sans se soucier de rater quelque chose, tout en facilitant la gestion de la file d'attente pour le personnel du restaurant.

Bien que cet exemple envoie une notification par SMS, dans l'extension, vous pouvez utiliser le canal que votre client préfère (WhatsApp, Google’s Business Messages, Facebook Messenger, Telegram, Line, Viber, etc.) afin que vous puissiez adapter la notification aux préférences du client.

Quand j'ai entendu que mes collègues travaillaient sur la création d'une extension Firebase qui vous permettrait d'intégrer facilement l'envoi de messages dans votre application, j'ai dû l'essayer et construire quelque chose avec elle.

Note : Vous pouvez trouver l'extension Bird sur Firebase ici.

Pour contextualiser l'extension, nous allons considérer une petite application d'exemple pour gérer une file d'attente dans un restaurant.

Le propriétaire ou l'hôte du restaurant peut enregistrer les clients sur l'interface web ou les clients peuvent s'inscrire eux-mêmes. Lorsque leur table est prête, d'un simple clic sur un bouton par un employé du restaurant, une notification sera envoyée au client pour retourner au restaurant.

Bien qu'il existe de nombreuses façons de construire un système pour notifier les utilisateurs, les meilleures solutions allègent autant que possible le travail pour les clients. Cela aide les entreprises à offrir à leurs clients une excellente expérience.

C'est pourquoi nous allons utiliser la nouvelle extension Bird | Firebase pour s'assurer que les clients sont notifiés par SMS. De cette façon, les clients peuvent profiter de leur temps d'attente sans se soucier de rater quelque chose, tout en facilitant la gestion de la file d'attente pour le personnel du restaurant.

Bien que cet exemple envoie une notification par SMS, dans l'extension, vous pouvez utiliser le canal que votre client préfère (WhatsApp, Google’s Business Messages, Facebook Messenger, Telegram, Line, Viber, etc.) afin que vous puissiez adapter la notification aux préférences du client.

Quand j'ai entendu que mes collègues travaillaient sur la création d'une extension Firebase qui vous permettrait d'intégrer facilement l'envoi de messages dans votre application, j'ai dû l'essayer et construire quelque chose avec elle.

Note : Vous pouvez trouver l'extension Bird sur Firebase ici.

Pour contextualiser l'extension, nous allons considérer une petite application d'exemple pour gérer une file d'attente dans un restaurant.

Le propriétaire ou l'hôte du restaurant peut enregistrer les clients sur l'interface web ou les clients peuvent s'inscrire eux-mêmes. Lorsque leur table est prête, d'un simple clic sur un bouton par un employé du restaurant, une notification sera envoyée au client pour retourner au restaurant.

Bien qu'il existe de nombreuses façons de construire un système pour notifier les utilisateurs, les meilleures solutions allègent autant que possible le travail pour les clients. Cela aide les entreprises à offrir à leurs clients une excellente expérience.

C'est pourquoi nous allons utiliser la nouvelle extension Bird | Firebase pour s'assurer que les clients sont notifiés par SMS. De cette façon, les clients peuvent profiter de leur temps d'attente sans se soucier de rater quelque chose, tout en facilitant la gestion de la file d'attente pour le personnel du restaurant.

Bien que cet exemple envoie une notification par SMS, dans l'extension, vous pouvez utiliser le canal que votre client préfère (WhatsApp, Google’s Business Messages, Facebook Messenger, Telegram, Line, Viber, etc.) afin que vous puissiez adapter la notification aux préférences du client.

Comment se mettre en place

Dans cet exemple, nous supposerons que vous avez un compte Firebase et Bird.

Si vous n'avez pas de compte Bird, vous pouvez en créer un ici.

Pour commencer, cela nécessite des informations de votre compte Bird.

Tout d'abord, vous aurez besoin de votre clé API pour permettre à l'extension Firebase d'interagir avec l'API Bird en votre nom. Vous pouvez trouver la clé API ici. Deuxièmement, vous aurez besoin d'un numéro SMS et d'un canal SMS installé. Si vous n'avez pas déjà un ID de canal, allez ici pour en obtenir un.

Une fois que vous avez à la fois votre clé API et un ID de canal SMS, retournez à votre console Firebase et accédez à l'onglet Extensions.

À partir de là, installez l'extension Firebase [Send Messages with Bird].

Firebase Extensions marketplace showing the 'Send Messages with Bird' integration among other available extensions, allowing developers to connect Firebase with Bird's messaging API.


Pendant l'assistant d'installation, il vous sera demandé d'ajouter votre clé API et un nom de collection à utiliser.

Le nom de la collection sera écouté par l'extension Firebase.

Lorsqu'un document est ajouté à la collection, cela déclenchera l'extension.

Sous le capot, l'extension est une fonction Cloud, qui écoute les changements sur la collection spécifiée, lit le document ajouté et interagit avec l'API Bird pour envoyer le message.

Configuration page for installing the MessageBird Firebase extension, showing setup fields for API key, message collection name, and deployment options.


Une fois l'installation de votre extension terminée, accédez à Firestore dans la console Firebase. Ensuite, ajoutez un ID de collection qui correspond au nom de collection que vous avez utilisé lors de l'installation de l'extension.

Remarque : Il est très important de restreindre qui peut écrire et lire dans cette collection. Si la collection est laissée ouverte, des tiers pourraient lire les numéros des utilisateurs et même envoyer des messages avec votre compte. Nous recommandons d'utiliser les règles de sécurité Firestore pour que seuls certains utilisateurs aient ces privilèges et de suivre toutes les meilleures pratiques de sécurité mises en avant par l'équipe Firebase.

Comment envoyer des messages

La collection messages que nous avons configurée lors de la configuration stockera tous vos messages. Pour envoyer un message SMS, vous devrez ajouter un document à la collection que vous avez nommée dans l'assistant en utilisant ce format :

Code snippet showing the JSON structure for sending messages through Bird API with fields for channel ID, recipient, and message content.


Une fois le document ajouté à la collection, l'extension Bird interagira ensuite avec l'API Bird et mettra à jour le document avec des champs supplémentaires comme ci-dessous. Le champ delivery.state ci-dessous représente les différents statuts dans lesquels le message peut être.

JavaScript code example showing how to send SMS notifications through Firebase and Bird integration, with template for restaurant table readiness alerts and delivery status monitoring.


Si l'envoi d'un message échoue, le champ state sera ERROR, et le champ error sera rempli avec une chaîne de message d'erreur.

Il est également possible d'observer les erreurs de l'extension et l'utilisation via l'onglet fonctions Cloud dans la console Firebase :

Firebase Cloud Functions dashboard showing the deployed MessageBird extension triggered by document writes to the messages collection.

L'expérience pour vous et vos clients

Restaurant waitlist form with MessageBird logo, requesting customer name, party size, and phone number to send table availability notifications.Confirmation page showing a customer named Jim has been added to the restaurant waitlist, with notification that an SMS will be sent when their table is ready.Restaurant staff interface showing waitlist with customers and their party sizes, where three parties have been notified and Jim's party of four is ready to be notified.Restaurant management interface showing all waitlisted customers have been notified, including Jim's party of four who was previously pending notification.Mobile phone screen showing an SMS notification from a restaurant informing Jim that his table is almost ready.

Installez l'extension Bird Firebase pour communiquer avec vos clients — plus facilement que jamais auparavant

Maintenant, vous n'avez plus besoin d'une intégration directe de l'API backend pour interagir avec l'API de Bird.

Vous pouvez simplifier la mise en œuvre via l'extension Firebase et rendre l'envoi de notifications aussi simple que des opérations d'écriture de documents, quel que soit le canal de communication que vous souhaitez utiliser.

Ce n'est que la surface de ce que vous pouvez faire avec l'extension et notre API.

Nous offrons de nombreux canaux et nous avons également un éditeur visuel incroyablement puissant dans Flow Builder qui vous permet de créer des expériences encore plus dynamiques.

En suivant l'exemple d'utilisation ci-dessus, Flow Builder vous permettrait d'ajouter une fonctionnalité de réponse aux notifications envoyées, ce qui permet au client de répondre avec un mot-clé ou une phrase pour annuler sa réservation. Mais cela sera pour un futur article ! 🙂

Si vous avez d'autres cas d'utilisation qui vous intéressent, nos ingénieurs de solutions sont là pour vous aider. Veuillez contacter notre équipe ici et faites-nous savoir !

Rejoignez notre Newsletter.

Restez à jour avec Bird grâce aux mises à jour hebdomadaires dans votre boîte de réception.

En soumettant, vous acceptez que Bird puisse vous contacter au sujet de nos produits et services.

Vous pouvez vous désabonner à tout moment. Consultez la Déclaration de confidentialité de Bird pour plus de détails sur le traitement des données.

Rejoignez notre Newsletter.

Restez à jour avec Bird grâce aux mises à jour hebdomadaires dans votre boîte de réception.

En soumettant, vous acceptez que Bird puisse vous contacter au sujet de nos produits et services.

Vous pouvez vous désabonner à tout moment. Consultez la Déclaration de confidentialité de Bird pour plus de détails sur le traitement des données.

Rejoignez notre Newsletter.

Restez à jour avec Bird grâce aux mises à jour hebdomadaires dans votre boîte de réception.

En soumettant, vous acceptez que Bird puisse vous contacter au sujet de nos produits et services.

Vous pouvez vous désabonner à tout moment. Consultez la Déclaration de confidentialité de Bird pour plus de détails sur le traitement des données.

Pinterest logo
Uber logo
Logo Square
Logo Adobe
Meta logo
logo PayPal

Company

Paramètres de confidentialité

Newsletter

Restez à jour avec Bird grâce aux mises à jour hebdomadaires dans votre boîte de réception.

En soumettant, vous acceptez que Bird puisse vous contacter au sujet de nos produits et services.

Vous pouvez vous désabonner à tout moment. Consultez la Déclaration de confidentialité de Bird pour plus de détails sur le traitement des données.

Uber logo
Logo Square
Logo Adobe
Meta logo

Company

Paramètres de confidentialité

Newsletter

Restez à jour avec Bird grâce aux mises à jour hebdomadaires dans votre boîte de réception.

En soumettant, vous acceptez que Bird puisse vous contacter au sujet de nos produits et services.

Vous pouvez vous désabonner à tout moment. Consultez la Déclaration de confidentialité de Bird pour plus de détails sur le traitement des données.

Uber logo
Logo Adobe
Meta logo

Company

Paramètres de confidentialité

Newsletter

Restez à jour avec Bird grâce aux mises à jour hebdomadaires dans votre boîte de réception.

En soumettant, vous acceptez que Bird puisse vous contacter au sujet de nos produits et services.

Vous pouvez vous désabonner à tout moment. Consultez la Déclaration de confidentialité de Bird pour plus de détails sur le traitement des données.