Criar um projeto Google Firebase

1. Acesse a página Google Firebase Console: https://console.firebase.google.com/
Nota: terá de estar logado à sua conta Google para acessar esta página. Se você não tiver uma Google Account, terá de criar uma para continuar este processo.
2. Clique no ícone: ''Criar Projeto'':

picture

Uma iBox chamada Criar um projeto é aberta.
3. Dê um nome ao seu projeto
4. Clique em "Continuar" e ative ou não o Google Analytics
5. Clique em "Criar projeto"


1

Configurações do projeto do Firebase

1. No menu do Firebase, no canto superior esquerdo da página, clique no ícone de engrenagem > "Configurações do projeto":

picture

2. Clique na guia Cloud Messaging
3. Copie o ID do remetente. Em nosso exemplo abaixo, é 839819466506.
4. Abra seu back office em uma nova guia.

picture

2

Colar o Código do Remetente em seu back office

1. Em seu back office, acesse o menu Publicar > PWA > Certificados Push ,
2. Cole seu ID do Remetente
3. Clique em Passo Seguinte.


3

De volta ao console Firebase

1. No console do Firebase, acesse o menu Configurações do projeto > Aba “Cloud Messaging”
2. Clique nos 3 pontos ao lado de Cloud Messaging API (Legada) e clique em "Gerenciar API no Console do Google Cloud"

picture

3. Clique em "Ativar" em Cloud Messaging na nova guia que foi aberta.
4. Volte para a guia Firebase e recarregue sua página
5. Copie o token na API Cloud Messaging (Legada)

picture

4

De volta a seu back office

1. Acesse o menu Publicar > PWA > Certificados Push 
2. Cole a Chave do servidor que acabou de copiar no passo 4.5 acima
3. Clique em "Passo seguinte". 

picture

5

Regenerar seu PWA

1. Acesse o menu Publicar > Atualização > Motor Progressive Web App
2. Clique em "regenerar seu PWA" para que inclua a chave do servidor no seu aplicativo.

Uma vez que o seu PWA for regenerado, vai conseguir enviar push a seus usuários PWA.


Outros artigos