Resposta rápida: a Lovable adicionou em 28 de agosto de 2026 um connector oficial para Firebase Cloud Messaging. Com ele, um app criado na Lovable pode enviar notificações push para um dispositivo específico, publicar em tópicos e também oferecer push no navegador para usuários que aceitarem receber notificações.
A principal vantagem é não precisar montar manualmente toda a chamada autenticada para a API do FCM. A conexão fica no sistema de Connectors da Lovable e o envio acontece pelo connector gateway. Ainda assim, seu app continua responsável por registrar dispositivos, obter tokens e armazenar esses tokens quando você usa notificações direcionadas.
O que o connector do Firebase Cloud Messaging faz
- Envia notificação para um dispositivo usando registration token.
- Envia broadcast para um tópico em que dispositivos já estejam inscritos.
- Permite incluir um pequeno data payload com valores em string.
- Pode habilitar browser push para usuários que fizerem opt-in.
- Usa o seu próprio projeto Firebase e a sua conta de serviço.
Segundo a documentação oficial, o connector é voltado a cenários como acompanhamento de pedidos, lembretes de agendamento, alertas operacionais e anúncios. Ele envia as mensagens, mas não registra dispositivos e não mede abertura das notificações.
Antes de conectar: requisitos
- Um projeto criado no Firebase.
- Uma service account do Google Cloud vinculada ao projeto.
- A role Firebase Cloud Messaging API Admin nessa service account.
- Permissão no workspace Lovable para criar conexões.
- Para web push: um Firebase Web App e uma chave VAPID pública.
O JSON da service account funciona como uma credencial sensível. A própria Lovable orienta a não colar esse arquivo no chat, não commitar no Git e não colocá-lo no frontend. Ele deve ser enviado somente pelo formulário seguro do Connector.
Como conectar Firebase Cloud Messaging à Lovable
1. Gere a chave da service account
No Firebase Console, abra Project settings → Service accounts e gere uma nova private key para uma conta com permissão de Firebase Cloud Messaging API Admin. O Firebase baixa um arquivo JSON. Guarde-o com cuidado e rotacione a chave se houver qualquer suspeita de vazamento.
2. Abra Connectors na Lovable
No catálogo de Connectors, procure por Firebase Cloud Messaging e selecione Add connection. Você pode criar conexões diferentes para desenvolvimento e produção, usando projetos Firebase separados. Isso ajuda a evitar que testes disparem notificações para usuários reais.
3. Configure a conexão
Dê um nome claro, como FCM Prod, e envie o JSON da service account no campo indicado. Se você só precisa enviar para tokens de Android e iOS que já existem, pode usar a opção Server or native only. Para notificações no navegador, escolha Include web push.
4. Se for usar web push, preencha os campos públicos
- Firebase API key do Web App.
- Firebase App ID.
- Web Push VAPID public key.
Esses valores são usados para inicializar o Firebase Messaging no navegador. A Lovable deriva o project ID a partir da service account, então você não precisa digitá-lo separadamente na conexão.
5. Defina quem pode usar a conexão
A conexão começa disponível somente para quem a criou. Você pode compartilhar com membros específicos ou com todo o workspace, conforme as permissões do seu plano. Depois, vincule a conexão ao projeto Lovable que vai enviar as notificações.
Como enviar notificações pelo app
Depois que o connector está vinculado, o envio server-side passa pelo connector gateway da Lovable. Cada mensagem pode mirar um device token, um topic ou uma condition expression. Para notificações individuais, o seu app precisa ter coletado o token do dispositivo anteriormente e armazenado esse valor no backend.
Usuário autoriza notificações
↓
Firebase SDK obtém token do dispositivo
↓
Seu app salva o token no backend
↓
Evento acontece: pedido enviado, consulta próxima, alerta crítico
↓
Backend usa o connector FCM da Lovable
↓
Firebase entrega a notificaçãoExemplo 1: lembrete de agendamento
Em um sistema de agenda, quando uma consulta é criada, o app associa o token do dispositivo ao usuário. Um processo agendado identifica consultas do dia seguinte e envia uma notificação por FCM. O usuário pode receber o lembrete mesmo sem estar com a tela do sistema aberta.
Exemplo 2: atualização de pedido
Quando o status do pedido muda para enviado, o backend busca o token do cliente e dispara uma notificação com título e resumo. Esse tipo de alerta reduz a necessidade de o usuário abrir o painel repetidamente para verificar o status.
Exemplo 3: anúncio para um tópico
Se vários dispositivos já estiverem inscritos em um tópico como novidades, o app pode enviar uma única mensagem para esse tópico. Isso é útil para comunicados gerais e evita consultar cada token individualmente.
