¿Cómo puedo crear notificaciones push personalizadas en FlutterFlow?

Paso 1: Instala y Configura FlutterFlow

Crea una cuenta de FlutterFlow, si aún no tienes una. Después de iniciar sesión, serás dirigido al Tablero. Haz clic en Crea un Nuevo Proyecto. Ponle nombre a tu proyecto y comienza a construir tu proyecto Firebase. Este proceso implica autenticar tu proyecto Firebase con FlutterFlow.

Paso 2: Habilita Firebase

Para enviar notificaciones push desde FlutterFlow, necesitas habilitar Firebase en tu proyecto Flutter. Haz clic en un proyecto en el tablero de FlutterFlow. Aquí, selecciona Configuración del Proyecto en el menú desplegable en la esquina superior izquierda de tu pantalla. Luego selecciona la pestaña Integración y pega tus credenciales de Firebase.

Paso 3: Configura Firebase Cloud Messaging

Firebase Cloud Messaging (FCM) te permite enviar notificaciones push. Desde la Consola de Firebase, selecciona el icono de engranaje > Configuración del Proyecto > Cloud Messaging. El token ubicado en la sección Credenciales del Proyecto es lo que FlutterFlow necesita para enviar notificaciones push.

Agrega esta clave de servidor de Firebase Cloud Messaging a la página de integración de Firebase de FlutterFlow y haz clic en Actualizar Proyecto.

Paso 4: Crear Nueva Notificación

Dentro de tu proyecto FlutterFlow, en el menú del lado izquierdo, ve a Notificaciones. Esto abre la página de Notificaciones. Haz clic en el botón Crear una Nueva Notificación.

Proporciona un título para tu notificación; este será el título de la notificación push. Luego puedes especificar el cuerpo de la notificación que será el contenido real que verán tus usuarios cuando reciban la notificación push.

Paso 5: Define el Disparador para la notificación

Puedes determinar cuándo se debe enviar tu notificación push. Establece condiciones para disparar la notificación. Por ejemplo, podrías enviar notificaciones cuando se crea un documento, se actualiza, o incluso según criterios personalizados.

Paso 6: Asigna Audiencia

Designa los receptores de tu notificación push en la sección Para. Puedes seleccionar Todos los usuarios o designar usuarios específicos agregando su UUID de usuario de Firebase, o dividir tus usuarios en grupos con Colecciones de Usuarios.

Paso 7: Agrega datos opcionales de carga útil

Opcionalmente, agrega pares Clave Valor como carga útil de datos a tu notificación push.

Paso 8: Guarda y Prueba

Haz clic en Guardar. Ahora puedes probar tu notificación personalizada creada en tu proyecto. Ingresa tu token de Firebase Cloud Message en la caja de entrada Probar Notificación y haz clic en Probar. Tu notificación push de prueba ahora debería enviarse a tu dispositivo.

Paso 9: Habilita notificaciones en el lado del cliente

Finalmente, asegúrate de que en el lado del cliente (la aplicación Flutter), tienes establecidos permisos para recibir notificaciones.

¡Ahora has creado con éxito una notificación push personalizada usando FlutterFlow!