Pasar al contenido principal
@capgo/capacitor-mensaje-de-firebase Comunicación Fuente abierta

Mensaje de Firebase plugin de Capacitor

plugin de Capacitor para Firebase Cloud Messaging (FCM)

Instalar

bun add @capgo/capacitor-firebase-messaging bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-firebase-messaging
  • pnpm add @capgo/capacitor-firebase-messaging
  • yarn add @capgo/capacitor-firebase-messaging

Guía

Cómo usar Firebase Messaging en Capacitor

Usando @capgo/capacitor-firebase-messaging

Plugin de Capacitor para Firebase Cloud Messaging (FCM).

Instalar

bun add @capgo/capacitor-firebase-messaging
bunx cap sync

bunx cap sync copia el plugin de code nativo en tus proyectos nativos. Correlo nuevamente después de cada actualización del plugin.

Importar

import { FirebaseMessaging } from '@capgo/capacitor-firebase-messaging';

API a la vista

Método Descripción
checkPermissions Verificar permiso para recibir notificaciones push.
requestPermissions Solicitar permiso para recibir notificaciones push.
isSupported Verifica si existen todas las API necesarias.
getToken Registra la aplicación para recibir notificaciones push. Devuelve un token FCM que se puede utilizar para enviar mensajes push a ese instancia de Mensajes.
deleteToken Borrar el token FCM y desregistrar la aplicación para detener la recepción de notificaciones push. Puede llamarse, por ejemplo, cuando un usuario se desloguea.
getDeliveredNotifications Obtener una lista de notificaciones que son visibles en la pantalla de notificaciones.
removeDeliveredNotifications Eliminar notificaciones específicas de la pantalla de notificaciones.
removeAllDeliveredNotifications Eliminar todas las notificaciones de la pantalla de notificaciones.
subscribeToTopic Suscribirse a un tema en segundo plano.
unsubscribeFromTopic Desuscribirse de un tema en segundo plano.
createChannel Crear un canal de notificaciones.
deleteChannel Borrar un canal de notificaciones.
listChannels Listar los canales de notificaciones disponibles.

Ejemplos

checkPermissions()

Verificar permiso para recibir notificaciones push.

import { FirebaseMessaging } from '@capgo/capacitor-firebase-messaging';

const result = await FirebaseMessaging.checkPermissions();
console.log(result);

requestPermissions()

Verificar permiso para recibir notificaciones push.

import { FirebaseMessaging } from '@capgo/capacitor-firebase-messaging';

const result = await FirebaseMessaging.requestPermissions();
console.log(result);

isSupported()

Solicitar permiso para recibir notificaciones push.

import { FirebaseMessaging } from '@capgo/capacitor-firebase-messaging';

const result = await FirebaseMessaging.isSupported();
console.log(result);

getToken()

Registra la aplicación para recibir notificaciones push. Devuelve un token FCM que se puede utilizar para enviar mensajes push a esa instancia de Mensajería.

import { FirebaseMessaging } from '@capgo/capacitor-firebase-messaging';

const result = await FirebaseMessaging.getToken();
// The result holds sensitive values: use it without logging it.

deleteToken()

Registrar la aplicación para recibir notificaciones push. Devuelve un token FCM que se puede utilizar para enviar mensajes push a ese instancia de Mensajería.

import { FirebaseMessaging } from '@capgo/capacitor-firebase-messaging';

await FirebaseMessaging.deleteToken();

getDeliveredNotifications()

Obtenga una lista de notificaciones que están visibles en la pantalla de notificaciones.

import { FirebaseMessaging } from '@capgo/capacitor-firebase-messaging';

const result = await FirebaseMessaging.getDeliveredNotifications();
console.log(result);

La tabla anterior enumera los 13 métodos básicos. Los ayudantes de escucha y versión, así como el contrato completo de cada método, se documentan en el el repositorio GitHub.

Escuchar eventos

addListener devuelve un manejador. Llame a handle.remove() cuando la pantalla se desmonte, o FirebaseMessaging.removeAllListeners() para eliminar todos los oyentes.

Referencia completa

Sigue adelante desde Usando @capgo/capacitor-firebase-messaging

Si estás utilizando Usando @capgo/capacitor-firebase-messaging para planificar el trabajo del plugin nativo, conectarlo con Capgo Directorio de Plugins para el flujo de trabajo del producto en Capgo Directorio de Plugins, Capacitor Plugins por Capgo para el detalle de implementación en Capacitor Plugins por Capgo Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins, Alternativas de Plugins de Ionic Enterprise para el flujo de trabajo del producto en Ionic Enterprise Plugin Alternatives, y Capgo Compilaciones Nativas para el flujo de trabajo del producto en Capgo Compilaciones Nativas.

FAQ

FAQ del plugin de mensajería de Firebase

¿Cómo puedo instalar el plugin de mensajería de Firebase en una aplicación Capacitor?

Run "bun add @capgo/capacitor-firebase-messaging" (o "npm install @capgo/capacitor-firebase-messaging"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen los nativos code. Importa desde "@capgo/capacitor-firebase-messaging" en tu app code.

¿Funciona @capgo/capacitor-firebase-messaging con React, Vue y Angular?

Sí. Firebase Messaging es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor admite @capgo/capacitor-firebase-messaging?

Los plugins Capgo siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con tu versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-firebase-messaging gratuito y de código abierto?

Sí. El código fuente code está público en GitHub en https://github.com/Cap-go/capacitor-firebase/tree/main/packages/messaging y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

Puedo actualizar code que utiliza Firebase Messaging sin una revisión de la Tienda?

Instalar o actualizar el plugin cambia los nativos code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviarlos instantáneamente con Capgo actualizaciones en vivo.

Envía cambios de Firebase Messaging sin esperar a la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Inicia con Capgo