{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","params":[],"results":{"codes":[]},"settings":""},"next":{"description":"","pages":[]},"title":"Configuração Plataforma Inngage","type":"basic","slug":"android-configuracao-plataforma-inngage","excerpt":"","body":"Após configurar gerar as chaves de API do Firebase e os certificados APNS, podemos realizar a configuração do aplicativo na plataforma Inngage\n\n<br>\n[block:api-header]\n{\n  \"title\": \"1. Configurando uma aplicação Android na plataforma Inngage\"\n}\n[/block]\n\n1.1\tAo acessar sua conta Inngage, selecione o App que deseja configurar clicando no mesmo.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Kb2Bu93QHuPE31ORL592_1%20-%20Escolha%20a%20plataforma.png\",\n        \"1 - Escolha a plataforma.png\",\n        \"964\",\n        \"349\",\n        \"#46749b\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n1.2\tUma mensagem irá ser apresentada mostrando que o App ainda não foi configurado, clique no botão Plataformas que aparece abaixo da mensagem, ou selecione a opção no menu lateral\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/1HeKYfjTJKgj9Z9N5mQH_2%20-%20App%20Dashboard.png\",\n        \"2 - App Dashboard.png\",\n        \"964\",\n        \"460\",\n        \"#485478\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n1.3\tClique em inserir código GCM\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Plb5lBGsQiODX0MDceSQ_3%20-%20Place%20Key.png\",\n        \"3 - Place Key.png\",\n        \"964\",\n        \"302\",\n        \"#48597d\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n1.4\tInsira o GCM API Key gerado no Google Dev Console, aperte o botão indicando confirmar ao lado e aguarde a confirmação\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/8O4R6QxqTumTe3ahVRcA_4%20-%20Key.png\",\n        \"4 - Key.png\",\n        \"964\",\n        \"303\",\n        \"\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n<br>\n[block:api-header]\n{\n  \"title\": \"2. Configurando uma aplicação iOS na plataforma Inngage\"\n}\n[/block]\nEssa configuração só é necessária para aplicativos nativos. Aplicativos desenvolvidos em Flutter, React Native e IONIC devem realizar o passo de configuração no item 3, desse mesmo link.\n\n\n2.1 Na área Apple Push Certificate escolha a opção de certificado que deseja fazer upload\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/cjZvTyTRTxOO0B9mgDZQ_Screen%20Shot%202016-07-10%20at%2016.05.18.png\",\n        \"Screen Shot 2016-07-10 at 16.05.18.png\",\n        \"1280\",\n        \"800\",\n        \"#865d5b\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n2.2 Selecione o arquivo do certificado PEM e clique em Open\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7frqEijQ2qvNI07Eq91n_Screen%20Shot%202016-07-10%20at%2016.05.28.png\",\n        \"Screen Shot 2016-07-10 at 16.05.28.png\",\n        \"1280\",\n        \"800\",\n        \"#8a5343\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n2.3 Digite a senha do certificado, a mesma que você utilizou para gera-lo, e clique em concluir\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/dzNi4HofQcWM4fvuC2XE_Screen%20Shot%202016-07-10%20at%2016.05.38.png\",\n        \"Screen Shot 2016-07-10 at 16.05.38.png\",\n        \"1280\",\n        \"800\",\n        \"#865d5b\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/esVUMGP4QNCL3JjV562z_Screen%20Shot%202016-07-10%20at%2016.05.41.png\",\n        \"Screen Shot 2016-07-10 at 16.05.41.png\",\n        \"1280\",\n        \"800\",\n        \"#865d5b\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n<br>\n[block:api-header]\n{\n  \"title\": \"3. Configuração Notificações iOS para Apps Híbridos no painel Inngage\"\n}\n[/block]\nEm aplicativos híbridos (React Native, Flutter e IONIC) as notificações iOS são enviadas da plataforma Inngage para o Firebase, que faz o encaminhamento para o serviço APNS (Apple Push Notification Service) e por fim a mensagem é recebida pelo usuário.\n\nPara isso a Flag \"Firebase para Notificações APNS\" no painel Inngage deve ser ligada. \n\n[Não esqueça de configurar sua aplicação iOS no painel do Firebase ](https://inngage.readme.io/v1.0/docs/configuração-firebase-e-google-dev-console) \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/279152d-Screen_Shot_2020-10-19_at_17.52.32.png\",\n        \"Screen Shot 2020-10-19 at 17.52.32.png\",\n        1280,\n        800,\n        \"#333\"\n      ]\n    }\n  ]\n}\n[/block]\n<br>\n[block:api-header]\n{\n  \"title\": \"4. Criação de Campos Personalizados e Eventos\"\n}\n[/block]\nCampos personalizados e eventos servem para armazenar informações específicas do usuário. Eles devem ser parametrizados / instanciados na plataforma Inngage e o envio é feito através de APIs.\n\nEntenda a diferença entre os dois tipos:\n\nCampos Personalizados: São normalmente informações de perfil do usuário como Nome, Cidade, Genero, Data de Nascimento, entre outras. As informações aqui sempre são atualizadas, logo um usuário só pode possuir um registro de Campo Personalizavel\n\nEventos: São uma maneira de salvar ações do usuário no aplicativo, como uma visualização de um produto, adicionar ao carrinho, efetuar uma compra. Para cada evento podemos ter dados atribuídos ao mesmo, como nome do produto, sku, url. A cada informação recebida, a Inngage cria um novo registro, logo um usuário pode ter vários eventos iguais. \n\n\n**4.1 Instanciando Campos Personalizados** \n\nNa tela Configurações do App -> Geral vá até a sessão Campos Personalizaveis, clique no botão adicionar campo, insira seu nome e tipo de dado do mesmo:** * \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/74db073-Screen_Shot_2020-10-20_at_08.53.35.png\",\n        \"Screen Shot 2020-10-20 at 08.53.35.png\",\n        1280,\n        800,\n        \"#333\"\n      ]\n    }\n  ]\n}\n[/block]\n**4.2 Instanciando Eventos** \n\nTambém na tela Configurações do App -> Geral, vá até a sessão Eventos, clique em criar um novo evento, um modal irá aparecer na tela. Adicione um nome para o evento e clique em salvar evento.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b1c650c-Screen_Shot_2020-10-20_at_08.54.01.png\",\n        \"Screen Shot 2020-10-20 at 08.54.01.png\",\n        1280,\n        800,\n        \"#333\"\n      ]\n    }\n  ]\n}\n[/block]\nApós a criação do evento, podemos atribuir dados ao mesmo (Não obrigatório). Clique no botão adicionar campo, insira seu nome e tipo de dado do mesmo:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2920368-Screen_Shot_2020-10-20_at_08.54.27.png\",\n        \"Screen Shot 2020-10-20 at 08.54.27.png\",\n        1280,\n        800,\n        \"#333\"\n      ]\n    }\n  ]\n}\n[/block]","updates":[],"order":4,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"5734dfae1c5e422b006ad10d","createdAt":"2016-05-12T19:55:26.627Z","parentDoc":null,"__v":7,"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"},"project":"57240e292887bb0e00bb9d93","githubsync":"","user":"5724b9982ad0bc17001227fa","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}}

Configuração Plataforma Inngage


Após configurar gerar as chaves de API do Firebase e os certificados APNS, podemos realizar a configuração do aplicativo na plataforma Inngage <br> [block:api-header] { "title": "1. Configurando uma aplicação Android na plataforma Inngage" } [/block] 1.1 Ao acessar sua conta Inngage, selecione o App que deseja configurar clicando no mesmo. [block:image] { "images": [ { "image": [ "https://files.readme.io/Kb2Bu93QHuPE31ORL592_1%20-%20Escolha%20a%20plataforma.png", "1 - Escolha a plataforma.png", "964", "349", "#46749b", "" ] } ] } [/block] 1.2 Uma mensagem irá ser apresentada mostrando que o App ainda não foi configurado, clique no botão Plataformas que aparece abaixo da mensagem, ou selecione a opção no menu lateral [block:image] { "images": [ { "image": [ "https://files.readme.io/1HeKYfjTJKgj9Z9N5mQH_2%20-%20App%20Dashboard.png", "2 - App Dashboard.png", "964", "460", "#485478", "" ] } ] } [/block] 1.3 Clique em inserir código GCM [block:image] { "images": [ { "image": [ "https://files.readme.io/Plb5lBGsQiODX0MDceSQ_3%20-%20Place%20Key.png", "3 - Place Key.png", "964", "302", "#48597d", "" ] } ] } [/block] 1.4 Insira o GCM API Key gerado no Google Dev Console, aperte o botão indicando confirmar ao lado e aguarde a confirmação [block:image] { "images": [ { "image": [ "https://files.readme.io/8O4R6QxqTumTe3ahVRcA_4%20-%20Key.png", "4 - Key.png", "964", "303", "", "" ] } ] } [/block] <br> [block:api-header] { "title": "2. Configurando uma aplicação iOS na plataforma Inngage" } [/block] Essa configuração só é necessária para aplicativos nativos. Aplicativos desenvolvidos em Flutter, React Native e IONIC devem realizar o passo de configuração no item 3, desse mesmo link. 2.1 Na área Apple Push Certificate escolha a opção de certificado que deseja fazer upload [block:image] { "images": [ { "image": [ "https://files.readme.io/cjZvTyTRTxOO0B9mgDZQ_Screen%20Shot%202016-07-10%20at%2016.05.18.png", "Screen Shot 2016-07-10 at 16.05.18.png", "1280", "800", "#865d5b", "" ] } ] } [/block] 2.2 Selecione o arquivo do certificado PEM e clique em Open [block:image] { "images": [ { "image": [ "https://files.readme.io/7frqEijQ2qvNI07Eq91n_Screen%20Shot%202016-07-10%20at%2016.05.28.png", "Screen Shot 2016-07-10 at 16.05.28.png", "1280", "800", "#8a5343", "" ] } ] } [/block] 2.3 Digite a senha do certificado, a mesma que você utilizou para gera-lo, e clique em concluir [block:image] { "images": [ { "image": [ "https://files.readme.io/dzNi4HofQcWM4fvuC2XE_Screen%20Shot%202016-07-10%20at%2016.05.38.png", "Screen Shot 2016-07-10 at 16.05.38.png", "1280", "800", "#865d5b", "" ] } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/esVUMGP4QNCL3JjV562z_Screen%20Shot%202016-07-10%20at%2016.05.41.png", "Screen Shot 2016-07-10 at 16.05.41.png", "1280", "800", "#865d5b", "" ] } ] } [/block] <br> [block:api-header] { "title": "3. Configuração Notificações iOS para Apps Híbridos no painel Inngage" } [/block] Em aplicativos híbridos (React Native, Flutter e IONIC) as notificações iOS são enviadas da plataforma Inngage para o Firebase, que faz o encaminhamento para o serviço APNS (Apple Push Notification Service) e por fim a mensagem é recebida pelo usuário. Para isso a Flag "Firebase para Notificações APNS" no painel Inngage deve ser ligada. [Não esqueça de configurar sua aplicação iOS no painel do Firebase ](https://inngage.readme.io/v1.0/docs/configuração-firebase-e-google-dev-console) [block:image] { "images": [ { "image": [ "https://files.readme.io/279152d-Screen_Shot_2020-10-19_at_17.52.32.png", "Screen Shot 2020-10-19 at 17.52.32.png", 1280, 800, "#333" ] } ] } [/block] <br> [block:api-header] { "title": "4. Criação de Campos Personalizados e Eventos" } [/block] Campos personalizados e eventos servem para armazenar informações específicas do usuário. Eles devem ser parametrizados / instanciados na plataforma Inngage e o envio é feito através de APIs. Entenda a diferença entre os dois tipos: Campos Personalizados: São normalmente informações de perfil do usuário como Nome, Cidade, Genero, Data de Nascimento, entre outras. As informações aqui sempre são atualizadas, logo um usuário só pode possuir um registro de Campo Personalizavel Eventos: São uma maneira de salvar ações do usuário no aplicativo, como uma visualização de um produto, adicionar ao carrinho, efetuar uma compra. Para cada evento podemos ter dados atribuídos ao mesmo, como nome do produto, sku, url. A cada informação recebida, a Inngage cria um novo registro, logo um usuário pode ter vários eventos iguais. **4.1 Instanciando Campos Personalizados** Na tela Configurações do App -> Geral vá até a sessão Campos Personalizaveis, clique no botão adicionar campo, insira seu nome e tipo de dado do mesmo:** * [block:image] { "images": [ { "image": [ "https://files.readme.io/74db073-Screen_Shot_2020-10-20_at_08.53.35.png", "Screen Shot 2020-10-20 at 08.53.35.png", 1280, 800, "#333" ] } ] } [/block] **4.2 Instanciando Eventos** Também na tela Configurações do App -> Geral, vá até a sessão Eventos, clique em criar um novo evento, um modal irá aparecer na tela. Adicione um nome para o evento e clique em salvar evento. [block:image] { "images": [ { "image": [ "https://files.readme.io/b1c650c-Screen_Shot_2020-10-20_at_08.54.01.png", "Screen Shot 2020-10-20 at 08.54.01.png", 1280, 800, "#333" ] } ] } [/block] Após a criação do evento, podemos atribuir dados ao mesmo (Não obrigatório). Clique no botão adicionar campo, insira seu nome e tipo de dado do mesmo: [block:image] { "images": [ { "image": [ "https://files.readme.io/2920368-Screen_Shot_2020-10-20_at_08.54.27.png", "Screen Shot 2020-10-20 at 08.54.27.png", 1280, 800, "#333" ] } ] } [/block]