{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","results":{"codes":[]},"settings":"","params":[]},"next":{"description":"","pages":[]},"title":"Configuração Firebase Console","type":"basic","slug":"configuração-firebase-e-google-dev-console","excerpt":"","body":"## **Para começar, iremos criar e configurar um Google Project. Isso nos permitira utilizar o provedor Google Web Push Services para suas notificações Android e iOS.**\n\nTenha em vista que a utilização do Firebase como provedor de notificações iOS só deve ser feita se seu app foi desenvolvido em tecnologia Híbrida, como React-Native e Ionic, e está utilizando a SDK oficial das mesmas.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Android\"\n}\n[/block]\n1. Faça o download do google-service.json\n\nApós criar seu projeto Firebase:\n\n1 - Faça login no Firebase e abra seu projeto.\n2 - Clique no ícone Configurações e selecione Configurações do projeto.\n3 - No cartão Seus aplicativos, selecione na lista o ID do pacote do qual você precisa de um arquivo de configuração.\n4 - Clique em google-service.json.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/820238b-Screen_Shot_2019-10-16_at_13.58.53.png\",\n        \"Screen Shot 2019-10-16 at 13.58.53.png\",\n        1280,\n        800,\n        \"#f5f5f6\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"2 - Copie a chave do servidor FCM (Firebase Cloud Messaging)\"\n}\n[/block]\nCopie a chave do servidor do FCM. No Firebase console, clique no ícone de engrenagem ao lado de Visão geral e clique em Configurações do projeto.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/cd34a8c-65825eb-android-push-fcm-gear.png\",\n        \"65825eb-android-push-fcm-gear.png\",\n        1294,\n        366,\n        \"#262e3d\"\n      ]\n    }\n  ]\n}\n[/block]\nEm seguida, nas configurações do seu projeto, vá para a guia Cloud Messaging. Nesta seção de suas configurações, você verá sua chave do servidor. Copie a chave.\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/a6189cb-e4e0ca8-Fire06.png\",\n        \"e4e0ca8-Fire06.png\",\n        1948,\n        890,\n        \"#059bea\"\n      ]\n    }\n  ]\n}\n[/block]\nAdicione sua chave na plataforma Inngage. No painel da Inngage, em Configurações do aplicativo, clique em Chaves e configurações. Vá para a guia Notificações por push e insira / cole sua chave no campo-chave da API do Google.\n\n[block:api-header]\n{\n  \"title\": \"Apple / iOS (Apenas para aplicativos Híbridos)\"\n}\n[/block]\nEssa configuração só é necessária caso seu aplicativo esteja nas linguagens React Native, Flutter ou IONIC, onde o serviço da Inngage encaminha as notificações para o Firebase, que redireciona para o serviço APNS e a notificação é recebida pelo usuário.\n\nPara configurar o seu provedor de Push Notification Apple no Firebase, utilizaremos a chave .p8 e authkey. Para isso acesse o portal de desenvolvedor da apple,[ e siga o passo-a-passo desse documento.](https://inngage.readme.io/v1.0/docs/geração-certificado-p8-auth-key-apns).\n\nApós ter criado e exportado seu certificado .p8 siga as seguintes instruções:\n\n\n1. Acesse a aba Cloud Messaging no painel do seu projeto no Firebase e em iOS app configuration, clique no botão upload da sessão APNs Authentication Key\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/5a10884-7.png\",\n        \"7.png\",\n        1280,\n        800,\n        \"#f1f2f6\"\n      ]\n    }\n  ]\n}\n[/block]\n2. Faça o upload do certificado .p8 que você fez o download e adicione as informações Key Id e Team Id. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/a1d2bb3-8.png\",\n        \"8.png\",\n        1280,\n        800,\n        \"#9fa3a7\"\n      ]\n    }\n  ]\n}\n[/block]\n3. Seu Team Id é encontrado acessando a sua conta de desenvolvedor apple, na sessão Membership details, conforme imagem abaixo\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ea7b563-9.png\",\n        \"9.png\",\n        1280,\n        800,\n        \"#f2f2f2\"\n      ]\n    }\n  ]\n}\n[/block]","updates":[],"order":5,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"5c0e867b3bc51900234aaaa7","project":"57240e292887bb0e00bb9d93","version":{"version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["57240e292887bb0e00bb9d97","57241b7deae5090e00ee6249","57241c06eae5090e00ee624a","57242abb2ad0bc170012279b","5734d18c7b9859320047f4b1","57688cc71f818b0e00695efb","577ead2ca74eb40e00d97bca","57b66af649a12a0e007b461b","597e5f8f13505b0014251a79","59964eb2f824b4000f961fbe","5a15ab12f2643f001ee8737c","5ab1151799750500797334e0","5c597e8b0abe110014bf1a11","5e395a05470bc3002d78d886","5e42a9647515f300509a594d","5f5e716dcc85f9004a4fa193","5f6dd615c624d800180bd237","5f984feb8aed05003a0032dc","60ac0e9c4c04970016613c6c"],"_id":"57240e292887bb0e00bb9d96","createdAt":"2016-04-30T01:45:13.341Z","project":"57240e292887bb0e00bb9d93","releaseDate":"2016-04-30T01:45:13.341Z","__v":19},"category":{"sync":{"isSync":false,"url":""},"pages":[],"title":"Configuração das Plataformas","slug":"configuração-das-plataformas","order":1,"from_sync":false,"reference":false,"_id":"5734d18c7b9859320047f4b1","version":"57240e292887bb0e00bb9d96","__v":0,"project":"57240e292887bb0e00bb9d93","createdAt":"2016-05-12T18:55:08.943Z"},"user":"5724b9982ad0bc17001227fa","createdAt":"2018-12-10T15:30:03.230Z","__v":0,"parentDoc":null}

Configuração Firebase Console


## **Para começar, iremos criar e configurar um Google Project. Isso nos permitira utilizar o provedor Google Web Push Services para suas notificações Android e iOS.** Tenha em vista que a utilização do Firebase como provedor de notificações iOS só deve ser feita se seu app foi desenvolvido em tecnologia Híbrida, como React-Native e Ionic, e está utilizando a SDK oficial das mesmas. [block:api-header] { "type": "basic", "title": "Android" } [/block] 1. Faça o download do google-service.json Após criar seu projeto Firebase: 1 - Faça login no Firebase e abra seu projeto. 2 - Clique no ícone Configurações e selecione Configurações do projeto. 3 - No cartão Seus aplicativos, selecione na lista o ID do pacote do qual você precisa de um arquivo de configuração. 4 - Clique em google-service.json. [block:image] { "images": [ { "image": [ "https://files.readme.io/820238b-Screen_Shot_2019-10-16_at_13.58.53.png", "Screen Shot 2019-10-16 at 13.58.53.png", 1280, 800, "#f5f5f6" ] } ] } [/block] [block:api-header] { "title": "2 - Copie a chave do servidor FCM (Firebase Cloud Messaging)" } [/block] Copie a chave do servidor do FCM. No Firebase console, clique no ícone de engrenagem ao lado de Visão geral e clique em Configurações do projeto. [block:image] { "images": [ { "image": [ "https://files.readme.io/cd34a8c-65825eb-android-push-fcm-gear.png", "65825eb-android-push-fcm-gear.png", 1294, 366, "#262e3d" ] } ] } [/block] Em seguida, nas configurações do seu projeto, vá para a guia Cloud Messaging. Nesta seção de suas configurações, você verá sua chave do servidor. Copie a chave. [block:image] { "images": [ { "image": [ "https://files.readme.io/a6189cb-e4e0ca8-Fire06.png", "e4e0ca8-Fire06.png", 1948, 890, "#059bea" ] } ] } [/block] Adicione sua chave na plataforma Inngage. No painel da Inngage, em Configurações do aplicativo, clique em Chaves e configurações. Vá para a guia Notificações por push e insira / cole sua chave no campo-chave da API do Google. [block:api-header] { "title": "Apple / iOS (Apenas para aplicativos Híbridos)" } [/block] Essa configuração só é necessária caso seu aplicativo esteja nas linguagens React Native, Flutter ou IONIC, onde o serviço da Inngage encaminha as notificações para o Firebase, que redireciona para o serviço APNS e a notificação é recebida pelo usuário. Para configurar o seu provedor de Push Notification Apple no Firebase, utilizaremos a chave .p8 e authkey. Para isso acesse o portal de desenvolvedor da apple,[ e siga o passo-a-passo desse documento.](https://inngage.readme.io/v1.0/docs/geração-certificado-p8-auth-key-apns). Após ter criado e exportado seu certificado .p8 siga as seguintes instruções: 1. Acesse a aba Cloud Messaging no painel do seu projeto no Firebase e em iOS app configuration, clique no botão upload da sessão APNs Authentication Key [block:image] { "images": [ { "image": [ "https://files.readme.io/5a10884-7.png", "7.png", 1280, 800, "#f1f2f6" ] } ] } [/block] 2. Faça o upload do certificado .p8 que você fez o download e adicione as informações Key Id e Team Id. [block:image] { "images": [ { "image": [ "https://files.readme.io/a1d2bb3-8.png", "8.png", 1280, 800, "#9fa3a7" ] } ] } [/block] 3. Seu Team Id é encontrado acessando a sua conta de desenvolvedor apple, na sessão Membership details, conforme imagem abaixo [block:image] { "images": [ { "image": [ "https://files.readme.io/ea7b563-9.png", "9.png", 1280, 800, "#f2f2f2" ] } ] } [/block]