{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","results":{"codes":[]},"settings":"","params":[]},"next":{"description":"","pages":[]},"title":"Integração React Native 0.59.x","type":"basic","slug":"integração-react-native","excerpt":"Este tutorial tem como objetivo, guiar os desenvolvedores que desejam integrar seus aplicativos desenvolvidos em React Native.","body":"Recomendamos que você use a versão estável mais recente do React Native, definida em package.json. A Inngage SDK foi verificado pela última vez na versão 0.61.5.\n\n<br>\n**Se o seu app se encontra na versão 0.59.x siga o seguinte passo-a-passo para realizar a integração da Inngage com seu app. Caso esteja na [versão 0.60.x acesse esse link](https://inngage.readme.io/v1.0/docs/integração-react-native-060x)\n**\n<br>\n[ 1. Configuração do projeto no Firebase](https://inngage.readme.io/docs/configuração-firebase-e-google-dev-console)\n\n[2. Configuração no painel Inngage](https://inngage.readme.io/docs/android-configuracao-plataforma-inngage)\n\n[ 3. Configuração nativa iOS](https://inngage.readme.io/docs/configura%C3%A7%C3%A3o-nativa-ios)\n\n[4. Configuração nativa Android](https://inngage.readme.io/docs/configura%C3%A7%C3%A3o-nativa-android)\n\n<br>\n<br>\nApós fazer as configurações necessárias para que o seu código tenha acesso nativo às push notifications do Firebase iremos instalar a SDK da Inngage\n<br>\n[block:api-header]\n{\n  \"title\": \"1. Preparando o ambiente de produção\"\n}\n[/block]\nInstale as seguintes dependências externas que a SDK utiliza.\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"yarn add 'react-native-firebase' or npm install 'react-native-firebase'\\nyarn add 'react-native-device-info' or npm install 'react-native-device-info'\\nyarn add 'react-native-geolocation-service' or npm install 'react-native-geolocation-service'\\nyarn add 'react-native-inappbrowser-reborn' or npm install 'react-native-inappbrowser-reborn'\\nyarn add ':::at:::inngageregistry/inngage-react' or npm install '@inngageregistry/inngage-react'\",\n      \"language\": \"json\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"2. Implementando a SDK\"\n}\n[/block]\nImporte 'GetPermission' do módulo da SDK.\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"import { GetPermission } from '@inngageregistry/inngage-react '\",\n      \"language\": \"json\"\n    }\n  ]\n}\n[/block]\nEste método deve ser chamado para que o usuário seja informado da chegada das notificações, quase sempre chamado dentro do 'componentDidMount()' mas dependendo da sua arquitetura pode ser chamado dentro do 'componentDidUnmount()'.\n\nEssa função é responsável por autorizar o acesso à API da Inngage e ao Firebase Cloud Messaging e ativar os listeners de notificações.\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"    let request = {\\n      friendlyIdentifier: 'xkl',\\n      appToken: '{Trocar pelo App_Token do aplicativo}',\\n      PROD: true,\\n      customData: false,\\n      customFields: {\\n      }\\n    }\\n  \\tawait GetPermission(request);\\n}\",\n      \"language\": \"json\"\n    }\n  ]\n}\n[/block]","updates":[],"order":0,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"5cd47a7374b6de00574c9593","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":"React Native SDK","slug":"react-native-sdk","order":5,"from_sync":false,"reference":false,"_id":"5c597e8b0abe110014bf1a11","project":"57240e292887bb0e00bb9d93","version":"57240e292887bb0e00bb9d96","createdAt":"2019-02-05T12:16:11.366Z","__v":0},"user":"5724b9982ad0bc17001227fa","createdAt":"2019-05-09T19:07:31.061Z","__v":0,"parentDoc":null}

Integração React Native 0.59.x

Este tutorial tem como objetivo, guiar os desenvolvedores que desejam integrar seus aplicativos desenvolvidos em React Native.

Recomendamos que você use a versão estável mais recente do React Native, definida em package.json. A Inngage SDK foi verificado pela última vez na versão 0.61.5. <br> **Se o seu app se encontra na versão 0.59.x siga o seguinte passo-a-passo para realizar a integração da Inngage com seu app. Caso esteja na [versão 0.60.x acesse esse link](https://inngage.readme.io/v1.0/docs/integração-react-native-060x) ** <br> [ 1. Configuração do projeto no Firebase](https://inngage.readme.io/docs/configuração-firebase-e-google-dev-console) [2. Configuração no painel Inngage](https://inngage.readme.io/docs/android-configuracao-plataforma-inngage) [ 3. Configuração nativa iOS](https://inngage.readme.io/docs/configura%C3%A7%C3%A3o-nativa-ios) [4. Configuração nativa Android](https://inngage.readme.io/docs/configura%C3%A7%C3%A3o-nativa-android) <br> <br> Após fazer as configurações necessárias para que o seu código tenha acesso nativo às push notifications do Firebase iremos instalar a SDK da Inngage <br> [block:api-header] { "title": "1. Preparando o ambiente de produção" } [/block] Instale as seguintes dependências externas que a SDK utiliza. [block:code] { "codes": [ { "code": "yarn add 'react-native-firebase' or npm install 'react-native-firebase'\nyarn add 'react-native-device-info' or npm install 'react-native-device-info'\nyarn add 'react-native-geolocation-service' or npm install 'react-native-geolocation-service'\nyarn add 'react-native-inappbrowser-reborn' or npm install 'react-native-inappbrowser-reborn'\nyarn add '@inngageregistry/inngage-react' or npm install '@inngageregistry/inngage-react'", "language": "json" } ] } [/block] [block:api-header] { "title": "2. Implementando a SDK" } [/block] Importe 'GetPermission' do módulo da SDK. [block:code] { "codes": [ { "code": "import { GetPermission } from '@inngageregistry/inngage-react '", "language": "json" } ] } [/block] Este método deve ser chamado para que o usuário seja informado da chegada das notificações, quase sempre chamado dentro do 'componentDidMount()' mas dependendo da sua arquitetura pode ser chamado dentro do 'componentDidUnmount()'. Essa função é responsável por autorizar o acesso à API da Inngage e ao Firebase Cloud Messaging e ativar os listeners de notificações. [block:code] { "codes": [ { "code": " let request = {\n friendlyIdentifier: 'xkl',\n appToken: '{Trocar pelo App_Token do aplicativo}',\n PROD: true,\n customData: false,\n customFields: {\n }\n }\n \tawait GetPermission(request);\n}", "language": "json" } ] } [/block]