Bereik

Grow

Manage

Automate

Bereik

Grow

Manage

Automate

Aan de slag met de Bird-extensie op Firebase

Firebase-extensie

1 min read

Aan de slag met de Bird-extensie op Firebase

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 zullen we aannemen dat je een Firebase en Bird account hebt.

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

Om te beginnen, heeft het informatie van je Bird account nodig.

Ten eerste heb je je API-sleutel nodig om de Firebase-extensie toe te staan om namens jou met de Bird API te communiceren. Je kunt de API-sleutel hier vinden. Ten tweede heb je een SMS-nummer en een geïnstalleerd SMS-kanaal nodig. Als je nog geen Channel ID hebt, navigeer dan hier om er een te krijgen.

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

Van hieruit installeer 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 installatie-wizard, zal je worden gevraagd om je API-sleutel en een collectienaam toe te voegen om te gebruiken.

De collectienaam zal worden beluisterd door de Firebase-extensie.

Wanneer een document aan de collectie wordt toegevoegd, zal het 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 communiceert 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 je extensie-installatie voltooid is, navigeer naar Firestore binnen de Firebase-console. Voeg vervolgens een collectie-ID toe die overeenkomt met de collectienaam die je gebruikte bij het installeren van de extensie.

Opmerking: Het is heel belangrijk om te beperken wie naar deze collectie kan schrijven en lezen. Als de collectie open blijft, kunnen derden mogelijk de nummers van gebruikers lezen en zelfs berichten verzenden met jouw account. We raden aan om de Firestore-beveiligingsregels te gebruiken zodat alleen specifieke gebruikers deze privileges hebben en volg alle beveiligingspraktijken 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 heb je niet langer een directe backend API-integratie nodig om met de Bird API te communiceren.

Je kunt de implementatie vereenvoudigen via de Firebase-extensie en het verzenden van meldingen net zo eenvoudig maken als document schrijfoperaties — ongeacht het communicatiekanaal dat je wilt gebruiken.

Dit is slechts het begin van wat je kunt doen met de extensie en onze API.

We bieden veel kanalen en we hebben ook een ongelooflijk krachtige visuele editor in Flow Builder waarmee je nog dynamischere ervaringen kunt creëren.

Volgens de bovenstaande gebruikscase zou Flow Builder je in staat stellen om een antwoordfunctie toe te voegen aan de verzonden meldingen, waarmee de klant kan antwoorden met een trefwoord of zin om hun reservering te annuleren. Maar dat is voor een toekomstig artikel! 🙂

Als je andere gebruikscases hebt die je interessant zou vinden, staan onze oplossingsingenieurs klaar om je te helpen. Neem hier contact op met ons team en laat het ons weten!

Meld je aan voor onze nieuwsbrief.

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

Door te verzenden, ga je ermee akkoord dat Bird contact met je mag opnemen over onze producten en diensten.

U kunt zich op elk moment afmelden. Zie Bird's Privacyverklaring voor details over gegevensverwerking.

Meld je aan voor onze nieuwsbrief.

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

Door te verzenden, ga je ermee akkoord dat Bird contact met je mag opnemen over onze producten en diensten.

U kunt zich op elk moment afmelden. Zie Bird's Privacyverklaring voor details over gegevensverwerking.

Meld je aan voor onze nieuwsbrief.

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

Door te verzenden, ga je ermee akkoord dat Bird contact met je mag opnemen over onze producten en diensten.

U kunt zich op elk moment afmelden. Zie Bird's Privacyverklaring voor details over gegevensverwerking.

Pinterest-logo
Uber-logo
Square logo
Adobe-logo
Meta-logo
PayPal-logo

Bedrijf

Nieuwsbrief

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

Door te verzenden, ga je ermee akkoord dat Bird contact met je mag opnemen over onze producten en diensten.

U kunt zich op elk moment afmelden. Zie Bird's Privacyverklaring voor details over gegevensverwerking.

Uber-logo
Square logo
Adobe-logo
Meta-logo

Bedrijf

Nieuwsbrief

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

Door te verzenden, ga je ermee akkoord dat Bird contact met je mag opnemen over onze producten en diensten.

U kunt zich op elk moment afmelden. Zie Bird's Privacyverklaring voor details over gegevensverwerking.

Uber-logo
Adobe-logo
Meta-logo

Bedrijf

Nieuwsbrief

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

Door te verzenden, ga je ermee akkoord dat Bird contact met je mag opnemen over onze producten en diensten.

U kunt zich op elk moment afmelden. Zie Bird's Privacyverklaring voor details over gegevensverwerking.