Product

Oplossingen

Resources

Company

Product

Oplossingen

Resources

Company

Aan de slag met de Bird-extensie op Firebase

Bird

1 jun 2021

Firebase-extensie

1 min read

Aan de slag met de Bird-extensie op Firebase

Firebase stelt je in staat om snel hoogwaardige apps te ontwikkelen en inzetten, gekoppeld aan uitgebreide functionaliteiten die je in staat stellen om je app continu te optimaliseren en op te schalen. Firebase biedt ook voorgemaakte, open-source extensies aan om je te helpen veelvoorkomende ontwikkelingstaken te automatiseren.

Firebase stelt je in staat om snel hoogwaardige apps te ontwikkelen en te implementeren, samen met uitgebreide functionaliteiten waarmee je je app continu kunt optimaliseren en opschalen. Firebase host ook kant-en-klare, open-source extensies om je te helpen veelvoorkomende ontwikkelingstaken te automatiseren.

Vandaag zijn we enthousiast om de Bird | Firebase extension te bespreken.

Verstuur berichten en meldingen met Bird

De Bird-extensie op Firebase verbindt je met het grootste omnichannelportfolio ter wereld om berichten en meldingen te leveren op alle voorkeurskanalen van je klanten. Aangedreven door Bird's wereldwijde connectiviteit, betekent dit dat je je klanten snel kunt bereiken — en overal ter wereld! 

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


Om het proces verder te stroomlijnen: wanneer je een document toevoegt aan een specifieke Firebase-collectie, zal de extensie Bird’s Conversations API gebruiken om dat document om te zetten in leesbare tekst en het document bij te werken met de leveringsstatus.

In dit artikel leer je hoe je in slechts een paar stappen kunt beginnen met verzenden!

Een voorbeeldgebruik

Toen ik hoorde dat mijn collega's werkten aan het maken van een Firebase-extensie waarmee je eenvoudig het verzenden van berichten in je app kunt integreren, moest ik het uitproberen en er iets mee bouwen.

Opmerking: Je kunt de Bird-extensie op Firebase vinden hier.

Om de extensie in context te brengen, zullen we een kleine voorbeeldapp bekijken voor het beheren van een wachtrij in een restaurant.

De restauranthouder of gastheer kan klanten registreren op de web-UI of de klanten kunnen zichzelf registreren. Wanneer hun tafel klaar is, met slechts een klik op een knop door een restaurantmedewerker, zal er een melding worden verzonden naar de klant om terug te keren naar het restaurant.

Hoewel er veel manieren zijn om een systeem te bouwen dat gebruikers op de hoogte stelt, verlichten de beste oplossingen zoveel mogelijk werk voor de klanten. Dit helpt bedrijven hun klanten een uitstekende ervaring te bieden.

Daarom zullen we de nieuwe Bird | Firebase-extensie gebruiken om ervoor te zorgen dat klanten worden geïnformeerd via een SMS. Op deze manier kunnen klanten genieten van hun wachttijd zonder zich zorgen te maken over het missen, terwijl het voor het restaurantpersoneel ook gemakkelijker wordt om de wachtrij te beheren.

Hoewel dit voorbeeld een SMS-bericht verzendt, kun je binnen de extensie het kanaal gebruiken dat de klant verkiest (WhatsApp, Google’s Business Messages, Facebook Messenger, Telegram, Line, Viber, enz.) zodat je de melding kunt aanpassen aan de voorkeur van de klant.

Toen ik hoorde dat mijn collega's werkten aan het maken van een Firebase-extensie waarmee je eenvoudig het verzenden van berichten in je app kunt integreren, moest ik het uitproberen en er iets mee bouwen.

Opmerking: Je kunt de Bird-extensie op Firebase vinden hier.

Om de extensie in context te brengen, zullen we een kleine voorbeeldapp bekijken voor het beheren van een wachtrij in een restaurant.

De restauranthouder of gastheer kan klanten registreren op de web-UI of de klanten kunnen zichzelf registreren. Wanneer hun tafel klaar is, met slechts een klik op een knop door een restaurantmedewerker, zal er een melding worden verzonden naar de klant om terug te keren naar het restaurant.

Hoewel er veel manieren zijn om een systeem te bouwen dat gebruikers op de hoogte stelt, verlichten de beste oplossingen zoveel mogelijk werk voor de klanten. Dit helpt bedrijven hun klanten een uitstekende ervaring te bieden.

Daarom zullen we de nieuwe Bird | Firebase-extensie gebruiken om ervoor te zorgen dat klanten worden geïnformeerd via een SMS. Op deze manier kunnen klanten genieten van hun wachttijd zonder zich zorgen te maken over het missen, terwijl het voor het restaurantpersoneel ook gemakkelijker wordt om de wachtrij te beheren.

Hoewel dit voorbeeld een SMS-bericht verzendt, kun je binnen de extensie het kanaal gebruiken dat de klant verkiest (WhatsApp, Google’s Business Messages, Facebook Messenger, Telegram, Line, Viber, enz.) zodat je de melding kunt aanpassen aan de voorkeur van de klant.

Toen ik hoorde dat mijn collega's werkten aan het maken van een Firebase-extensie waarmee je eenvoudig het verzenden van berichten in je app kunt integreren, moest ik het uitproberen en er iets mee bouwen.

Opmerking: Je kunt de Bird-extensie op Firebase vinden hier.

Om de extensie in context te brengen, zullen we een kleine voorbeeldapp bekijken voor het beheren van een wachtrij in een restaurant.

De restauranthouder of gastheer kan klanten registreren op de web-UI of de klanten kunnen zichzelf registreren. Wanneer hun tafel klaar is, met slechts een klik op een knop door een restaurantmedewerker, zal er een melding worden verzonden naar de klant om terug te keren naar het restaurant.

Hoewel er veel manieren zijn om een systeem te bouwen dat gebruikers op de hoogte stelt, verlichten de beste oplossingen zoveel mogelijk werk voor de klanten. Dit helpt bedrijven hun klanten een uitstekende ervaring te bieden.

Daarom zullen we de nieuwe Bird | Firebase-extensie gebruiken om ervoor te zorgen dat klanten worden geïnformeerd via een SMS. Op deze manier kunnen klanten genieten van hun wachttijd zonder zich zorgen te maken over het missen, terwijl het voor het restaurantpersoneel ook gemakkelijker wordt om de wachtrij te beheren.

Hoewel dit voorbeeld een SMS-bericht verzendt, kun je binnen de extensie het kanaal gebruiken dat de klant verkiest (WhatsApp, Google’s Business Messages, Facebook Messenger, Telegram, Line, Viber, enz.) zodat je de melding kunt aanpassen aan de voorkeur van de klant.

Hoe je het instelt

In dit voorbeeld gaan we ervan uit dat je een Firebase- en Bird-account hebt.

Als je nog geen Bird-account hebt, kun je er een aanmaken hier.

Om te beginnen, is informatie van je Bird-account vereist.

Eerst heb je je API-sleutel nodig om de Firebase-extensie namens jou met de Bird API te laten communiceren. Je kunt je API-sleutel vinden in de Bird API-instellingen. Ten tweede heb je een SMS-nummer en een geïnstalleerd SMS-kanaal nodig. Als je nog geen Kanaal-ID hebt, navigeer dan naar de SMS-kanaal instelpagina om er een te krijgen.

Zodra je zowel je API-sleutel als een SMS-kanaal-ID hebt, ga je terug naar je Firebase-console en navigeer je naar het tabblad Extensies.

Van hieruit installeer je de [Send Messages with Bird] Firebase-extensie.

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


Tijdens de installatiewizard word je gevraagd je API-sleutel en een collectie naam toe te voegen die je wilt gebruiken.

De collectie naam zal worden beluisterd door de Firebase-extensie.

Wanneer er een document aan de collectie wordt toegevoegd, zal dit de extensie activeren.

Onder de motorkap is de extensie een Cloud Function, die luistert naar veranderingen in de gespecificeerde collectie, het toegevoegde document leest en met de Bird API interageert om het bericht te verzenden.

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


Zodra de installatie van je extensie voltooid is, navigeer je naar Firestore in de Firebase-console. Voeg dan een collectie-ID toe die overeenkomt met de collectie naam die je hebt gebruikt bij het installeren van de extensie.

Opmerking: Het is erg belangrijk om te beperken wie kan schrijven en lezen naar deze collectie. Als de collectie open blijft, kunnen derden mogelijk de nummers van gebruikers lezen en zelfs berichten verzenden met je account. We raden aan om de beveiligingsregels van Firestore te gebruiken zodat alleen specifieke gebruikers deze privileges hebben en alle beveiligingsrichtlijnen volgen die door het Firebase-team zijn voorgesteld.

Hoe berichten te verzenden

De messages collectie die we hebben geconfigureerd tijdens de setup zal al jouw berichten opslaan. Om een SMS-bericht te verzenden, moet je een document toevoegen aan de collectie die je in de wizard hebt genoemd met dit formaat:

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


Zodra het document aan de collectie is toegevoegd, zal de Bird-extensie vervolgens communiceren met de Bird API en het document bijwerken met extra velden zoals hieronder. Het delivery.state veld hieronder toont de verschillende statussen waarin het bericht kan verkeren.

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.


Als het verzenden van een bericht resulteert in een fout, zal het state veld ERROR zijn, en zal het error veld gevuld worden met een foutmelding string.

Het is ook mogelijk om fouten te observeren vanuit de extensie en het gebruik via het Cloud functies tabblad in de Firebase console:

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

De ervaring voor u en uw klanten

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.

Installeer de Bird Firebase-extensie om met uw klanten te communiceren — eenvoudiger dan ooit tevoren

Nu hebt u geen directe back-end API-integratie meer nodig om met de Bird API te communiceren.

U kunt de implementatie stroomlijnen via de Firebase-extensie en het verzenden van meldingen net zo eenvoudig maken als documentenschrijfoperaties — ongeacht het communicatiekanaal dat u wilt gebruiken.

Dit is slechts het topje van de ijsberg van wat u kunt doen met de extensie en onze API.

We bieden veel kanalen aan en we hebben ook een ongelooflijk krachtige visuele editor in Flow Builder waarmee u nog dynamischere ervaringen kunt creëren. Voor geavanceerde toepassingen kunt u zelfs Flow Builder integreren met externe API's zoals Google Vision API en Cloud Functions om AI-aangedreven beeldherkenning toe te voegen aan uw klantinteracties. Met Flow Builder kunt u ook CRM-werkstromen automatiseren, zoals leads en gevallen maken in Salesforce direct vanuit klantinteracties.

Volgend op het bovenstaande gebruiksscenario zou Flow Builder u in staat stellen een antwoordfunctie toe te voegen aan de verzonden meldingen, waarmee de klant kan reageren met een trefwoord of zin om hun reservering te annuleren. Maar dat is voor een toekomstig artikel! 🙂

Als u andere gebruiksscenario's heeft waarin u geïnteresseerd bent, staan onze oplossingsingenieurs voor u klaar om u te helpen. Neem alstublieft contact op met ons team en laat het ons weten!

Andere nieuws

Lees meer uit deze categorie

A person is standing at a desk while typing on a laptop.

Het complete AI-native platform dat met uw bedrijf meegroeit.

Product

Oplossingen

Resources

Binnenkort beschikbaar

Sociaal

Nieuwsbrief

Blijf op de hoogte met Bird via wekelijkse updates in je inbox.

Signup

A person is standing at a desk while typing on a laptop.

Het complete AI-native platform dat met uw bedrijf meegroeit.

Product

Oplossingen

Resources

Sociaal

Nieuwsbrief

Blijf op de hoogte met Bird via wekelijkse updates in je inbox.

Signup