Reach

Grow

Manage

Automate

Reach

Grow

Manage

Automate

Comienza con la extensión Bird en Firebase

Extensión de Firebase

1 min read

Comienza con la extensión Bird en Firebase

Extensión de Firebase

1 min read

Comienza con la extensión Bird en Firebase

Firebase te permite desarrollar y desplegar rápidamente aplicaciones de alta calidad, junto con funcionalidades ampliadas que te permiten optimizar y escalar continuamente tu aplicación. Firebase también aloja extensiones preempaquetadas y de código abierto para ayudarte a automatizar tareas comunes de desarrollo.

Firebase te permite desarrollar e implementar rápidamente aplicaciones de alta calidad, junto con funcionalidades extendidas que te permiten optimizar y escalar continuamente tu aplicación. Firebase también aloja extensiones de código abierto preempaquetadas para ayudarte a automatizar tareas comunes de desarrollo.

Hoy, estamos emocionados de discutir la extensión Bird | Firebase.

Enviar mensaje y notificaciones con Bird

La extensión de Bird en Firebase te conecta con el portafolio omnicanal más grande del mundo para entregar mensajes y notificaciones en todos los canales preferidos por tus clientes. Impulsado por la conectividad global de Bird, esto significa que puedes alcanzar a tus clientes rápidamente, ¡y en cualquier parte del mundo! 

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


Para simplificar aún más el proceso, cuando agregas un documento a una colección específica de Firebase, la extensión utilizará el Conversations API de Bird para convertir ese documento en texto legible y actualizar el documento con el estado de entrega.

En este artículo, aprenderás cómo empezar a enviar en tan solo unos pocos pasos.

Un ejemplo de uso

Cuando escuché que mis colegas trabajaron en la creación de una extensión de Firebase que te permitiría integrar fácilmente el envío de mensajes en tu aplicación, tuve que probarla y construir algo con ella.

Nota: Puedes encontrar la extensión de Bird en Firebase aquí.

Para contextualizar la extensión, consideraremos una pequeña aplicación de ejemplo para gestionar una cola en un restaurante.

El propietario o anfitrión del restaurante puede registrar clientes en la interfaz web o los clientes pueden registrarse ellos mismos. Cuando su mesa está lista, con solo un clic de un botón por parte de un empleado del restaurante, se enviará una notificación al cliente para que regrese al restaurante.

Aunque hay muchas formas de construir un sistema para notificar a los usuarios, las mejores soluciones alivian tanto trabajo como sea posible para los clientes. Esto ayuda a los negocios a ofrecer a sus clientes una experiencia excelente.

Es por eso que utilizaremos la nueva extensión Bird | Firebase para asegurar que los clientes sean notificados a través de un SMS. De esta manera, los clientes pueden disfrutar de su tiempo de espera y no estresarse por perderse algo, mientras que también facilita al personal del restaurante gestionar la cola.

Aunque este ejemplo envía una notificación por SMS, dentro de la extensión puedes usar el canal que prefiera tu cliente (WhatsApp, Google’s Business Messages, Facebook Messenger, Telegram, Line, Viber, etc.) para que puedas adaptar la notificación a las preferencias del cliente.

Cuando escuché que mis colegas trabajaron en la creación de una extensión de Firebase que te permitiría integrar fácilmente el envío de mensajes en tu aplicación, tuve que probarla y construir algo con ella.

Nota: Puedes encontrar la extensión de Bird en Firebase aquí.

Para contextualizar la extensión, consideraremos una pequeña aplicación de ejemplo para gestionar una cola en un restaurante.

El propietario o anfitrión del restaurante puede registrar clientes en la interfaz web o los clientes pueden registrarse ellos mismos. Cuando su mesa está lista, con solo un clic de un botón por parte de un empleado del restaurante, se enviará una notificación al cliente para que regrese al restaurante.

Aunque hay muchas formas de construir un sistema para notificar a los usuarios, las mejores soluciones alivian tanto trabajo como sea posible para los clientes. Esto ayuda a los negocios a ofrecer a sus clientes una experiencia excelente.

Es por eso que utilizaremos la nueva extensión Bird | Firebase para asegurar que los clientes sean notificados a través de un SMS. De esta manera, los clientes pueden disfrutar de su tiempo de espera y no estresarse por perderse algo, mientras que también facilita al personal del restaurante gestionar la cola.

Aunque este ejemplo envía una notificación por SMS, dentro de la extensión puedes usar el canal que prefiera tu cliente (WhatsApp, Google’s Business Messages, Facebook Messenger, Telegram, Line, Viber, etc.) para que puedas adaptar la notificación a las preferencias del cliente.

Cuando escuché que mis colegas trabajaron en la creación de una extensión de Firebase que te permitiría integrar fácilmente el envío de mensajes en tu aplicación, tuve que probarla y construir algo con ella.

Nota: Puedes encontrar la extensión de Bird en Firebase aquí.

Para contextualizar la extensión, consideraremos una pequeña aplicación de ejemplo para gestionar una cola en un restaurante.

El propietario o anfitrión del restaurante puede registrar clientes en la interfaz web o los clientes pueden registrarse ellos mismos. Cuando su mesa está lista, con solo un clic de un botón por parte de un empleado del restaurante, se enviará una notificación al cliente para que regrese al restaurante.

Aunque hay muchas formas de construir un sistema para notificar a los usuarios, las mejores soluciones alivian tanto trabajo como sea posible para los clientes. Esto ayuda a los negocios a ofrecer a sus clientes una experiencia excelente.

Es por eso que utilizaremos la nueva extensión Bird | Firebase para asegurar que los clientes sean notificados a través de un SMS. De esta manera, los clientes pueden disfrutar de su tiempo de espera y no estresarse por perderse algo, mientras que también facilita al personal del restaurante gestionar la cola.

Aunque este ejemplo envía una notificación por SMS, dentro de la extensión puedes usar el canal que prefiera tu cliente (WhatsApp, Google’s Business Messages, Facebook Messenger, Telegram, Line, Viber, etc.) para que puedas adaptar la notificación a las preferencias del cliente.

Cómo empezar

En este ejemplo, asumiremos que tienes una cuenta de Firebase y Bird.

Si no tienes una cuenta de Bird, puedes crear una aquí.

Para comenzar, requiere información de tu cuenta de Bird.

Primero, necesitarás tu clave API para permitir que la extensión de Firebase interactúe con la Bird API en tu nombre. Puedes encontrar la clave API aquí. Segundo, necesitarás un número SMS y un canal SMS instalado. Si ya no tienes un ID de Canal, navega aquí para obtener uno.

Una vez que tengas tanto tu clave API como un ID de Canal SMS, regresa a tu consola de Firebase y navega a la pestaña de Extensiones.

Desde aquí, instala la extensión de 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.


Durante el asistente de instalación, se te solicitará añadir tu clave API y un nombre de colección para usar.

El nombre de la colección será escuchado por la extensión de Firebase.

Cuando un documento se añade a la colección, activará la extensión.

En segundo plano, la extensión es una Función de Cloud, que escucha cambios en la colección especificada, lee el documento añadido e interactúa con la Bird API para enviar el mensaje.

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


Una vez completada la instalación de tu extensión, navega a Firestore dentro de la consola de Firebase. Luego, añade un ID de colección que coincida con el nombre de colección que usaste al instalar la extensión.

Nota: Es muy importante restringir quién puede escribir y leer en esta colección. Si la colección se deja abierta, terceros podrían leer los números de usuarios e incluso enviar mensajes con tu cuenta. Recomendamos usar las reglas de seguridad de Firestore para que solo usuarios específicos tengan estos privilegios y seguir todas las mejores prácticas de seguridad propuestas por el equipo de Firebase.

Cómo enviar mensajes

La colección de messages que configuramos durante la configuración almacenará todos tus mensajes. Para enviar un mensaje SMS, necesitarás añadir un documento a la colección que nombraste en el asistente usando este formato:

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


Una vez que el documento se añade a la colección, la extensión Bird luego interactuará con la API de Bird y actualizará el documento con campos adicionales como se muestra a continuación. El campo delivery.state a continuación representa los diferentes estados en los que el mensaje puede estar.

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 enviar un mensaje resulta en un fallo, el campo state será ERROR, y el campo error se llenará con una cadena de mensaje de error.

También es posible observar errores desde la extensión y el uso a través de la pestaña de funciones en la nube en la consola de Firebase:

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

La experiencia para ti y tus clientes

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.

Instala la extensión de Bird Firebase para comunicarte con tus clientes — más fácil que nunca

Ahora, ya no necesitas una integración directa de API de backend para interactuar con el Bird API.

Puedes simplificar la implementación mediante la extensión de Firebase y hacer que el envío de notificaciones sea tan simple como las operaciones de escritura de documentos, sin importar el canal de comunicación que desees usar.

Esto es solo arañar la superficie de lo que puedes hacer con la extensión y nuestro API.

Ofrecemos muchos canales y también tenemos un editor visual increíblemente poderoso en Flow Builder que te permite crear experiencias aún más dinámicas.

Siguiendo el caso de uso anterior, Flow Builder te permitiría agregar una función de respuesta a las notificaciones enviadas, lo que habilita al cliente a responder con una palabra clave o frase para cancelar su reserva. ¡Pero eso es para un artículo futuro! 🙂

Si tienes algún otro caso de uso en el que estés interesado, nuestros ingenieros de soluciones están aquí para ayudarte. Por favor, contacta a nuestro equipo aquí y ¡háznoslo saber!

Únete a nuestro Newsletter.

Mantente al día con Bird a través de actualizaciones semanales en tu buzón.

Al enviar, aceptas que Bird pueda contactarte sobre nuestros productos y servicios.

Puedes darte de baja en cualquier momento. Consulta el Aviso de Privacidad de Bird para obtener detalles sobre el procesamiento de datos.

Únete a nuestro Newsletter.

Mantente al día con Bird a través de actualizaciones semanales en tu buzón.

Al enviar, aceptas que Bird pueda contactarte sobre nuestros productos y servicios.

Puedes darte de baja en cualquier momento. Consulta el Aviso de Privacidad de Bird para obtener detalles sobre el procesamiento de datos.

Únete a nuestro Newsletter.

Mantente al día con Bird a través de actualizaciones semanales en tu buzón.

Al enviar, aceptas que Bird pueda contactarte sobre nuestros productos y servicios.

Puedes darte de baja en cualquier momento. Consulta el Aviso de Privacidad de Bird para obtener detalles sobre el procesamiento de datos.

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

Company

Configuración de privacidad

Newsletter

Mantente al día con Bird a través de actualizaciones semanales en tu buzón.

Al enviar, aceptas que Bird pueda contactarte sobre nuestros productos y servicios.

Puedes darte de baja en cualquier momento. Consulta el Aviso de Privacidad de Bird para obtener detalles sobre el procesamiento de datos.

Uber logo
Square logo
Logo de Adobe
Meta logo

Company

Configuración de privacidad

Newsletter

Mantente al día con Bird a través de actualizaciones semanales en tu buzón.

Al enviar, aceptas que Bird pueda contactarte sobre nuestros productos y servicios.

Puedes darte de baja en cualquier momento. Consulta el Aviso de Privacidad de Bird para obtener detalles sobre el procesamiento de datos.

Uber logo
Logo de Adobe
Meta logo

Company

Configuración de privacidad

Newsletter

Mantente al día con Bird a través de actualizaciones semanales en tu buzón.

Al enviar, aceptas que Bird pueda contactarte sobre nuestros productos y servicios.

Puedes darte de baja en cualquier momento. Consulta el Aviso de Privacidad de Bird para obtener detalles sobre el procesamiento de datos.