Publicar React Native na Google Play
Publicar React Native Android na Play Store: conta, build/assinatura, store listing e os erros clássicos de review — do zero ao envio.
Pré-requisitos da conta
Nesta parte do material sobre publicar react native google play, o foco é «Pré-requisitos da conta». Em vez de teoria genérica, o raciocínio parte do que acontece quando você executa de verdade.
Durante esse vídeo você vai aprender a como criar a conta na Google Play, como preencher todos os formulários de forma correta, como fazer todas as configurações no código, como assinar o app, gerar os arquivos APK e AAB. Então exige um pagamento De 25 dólares americanos, isso aqui é uma taxa única que você vai pagar uma vez e você vai poder ter a sua conta para sempre ali, deixa eu atualizar de novo, e se a gente pede aqui, por exemplo, se você estiver querendo a conta da sua empresa ou para a sua empresa, você vai ter que escolher essa primeira opção, e aqui vão mais algumas informações extras, a taxa de pagamento vai ser a mesma, 25 dólares também para a conta empresarial, mas tem algumas outras informações, por exemplo, esse DUNS, que é um número de identificação única que a sua empresa tem, então muito provavelmente se você tem uma empresa, um CNPJ esse número já foi atribuído à sua empresa você só não sabe ainda, mas tem como você vir aqui, e se você vir nessa página, né, onde tem algumas informações, e é uma página aqui de suporte do Google, tá, que meu Dark Read aqui tá ligado então por isso a página aqui tá escura e aqui ele vai te dar mais informações, tá, do que você precisa por exemplo para informar, tá conta pessoal, então seu nome completo, endereço de e-mail, um site aqui também, né, do seu desenvolvedor e também algumas informações da sua organização também, tá? Obviamente a gente não vai fazer isso aqui porque é basicamente você ir no formulário preencher, vai trocar um, dois ou três e-mails ali com o Google, eles vão confirmar a sua identidade, confirmar o pagamento e depois disso você vai ter acesso ao Google Play Console, que é o portal onde você vai poder criar os seus aplicativos, tá?
A política dos programas de desenvolvedor que a gente vai ter que aceitar e também aceitar a legislação de exportação dos Estados Unidos tá então você pode clicar aqui em saiba mais falei e se você vai clicar aqui para criar o seu app então aqui agora a gente já tá no painel do nosso aplicativo tá bom e o legal da Google Play né isso aqui mudou tá para quem é um pouco da mais antiga a talvez lembre antigamente como é que era mas aqui tá bem legal porque tá bem bem didático tá então ele dá algumas etapas aqui por exemplo começa a testar o app configurar o app e você pode ver as etapas tá que você precisa é fazer tudo aqui que você precisa preencher a gente vai passo a passo né nesses nesses nessas etapas aqui tá bom então é basicamente um atalho de grande assim que a gente tem e para a gente não se perder porque eu como vocês vão ver que realmente tem muita coisa para a gente preencher tá bom você pode clicar aqui em todos para voltar Você vai ver a lista dos seus aplicativos, tá bom? Se a gente tiver uma versão de produção vai estar aqui As nossas faixas de teste também, que a gente vai falar um pouco mais Sobre teste interno, teste aberto E aqui também informações a presença na loja, então a descrição que você coloca, os elementos gráficos também. E com essa guia do nosso painel, a gente vai começar não pelo começar a testar, que ele já te indica para criar grupo de teste, a gente vai um pouco mais na frente, mas primeiro a gente vai começar a preencher as informações dos detalhes do nosso aplicativo.
Build e assinatura
Nesta parte do material sobre publicar react native google play, o foco é «Build e assinatura». Em vez de teoria genérica, o raciocínio parte do que acontece quando você executa de verdade.
Então, lá quando a gente for preencher alguns outros formulários relacionados a a nossa revisão do app, a gente vai ter que adicionar um usuário e uma senha, então ele vai utilizar essas informações, se eu não colocar essas informações, deixa eu clicar aqui, ó ele vai, ah, na verdade, deixa eu fechar vou clicar aqui em permitir, e eu vou clicar aqui em adicionar a instrução, e adicionar a instrução eu posso clicar aqui, ó, sign in né, só colocar o nome da instrução e o nome do usuário, esse aqui é um usuário, tá, que a gente vai criar, geralmente é um usuário de teste, tá, que você cria e Então eu vou colocar aqui usuariotest.com. A aplicação inclui moderação de conversas por chat também não tá bom então basicamente a gente vai preenchendo tá esses valores aqui deixou vou ter que desativar aqui só para ver o botão aqui deixa eu ver se eu esqueci alguma coisa aqui ó pronto beleza salvei vou poder clicar em próximo e ele vai te dar um review aqui da classificação tá então no Brasil é ele vai classificar automaticamente para a gente tá classificação 12 anos que na América do Norte também você pode dar uma olhada com calma eu vou clicar aqui em salvar beleza então a classificação de conteúdo tá feita posso voltar lá para o painel então vamos ter público-alvo público-alvo nosso aplicativo no caso aqui hoje ele já tá até colocando aqui para gente aqui na possível adicionar idade menor de 13 por conta da classificação de conteúdo das coisas que a gente preencheu tá bom no caso assim eu vou deixar aqui só mais de 18 mesmo tá como é um aplicativo mais digamos assim de teste deixar só para maiores 18 e aquele disco o app não será aprovado para Programa de professores, tá? Então, só pra dar o exemplo, se você vir aqui, sei lá, em qualquer app na Play Store, você vem aqui no TikTok, tem uma parte aqui, ó, relacionada à segurança de dados, tá?
Mas basicamente isso aqui é um texto mais promocional, geralmente a gente deixa pra galera de produto escrever isso aqui, mas enfim, você vai colocar um texto, uma descrição do que o seu aplicativo faz pra que os usuários possam ter uma noção um pouquinho melhor. Esse banner, basicamente, é essa imagem, 1024, por 500, eu não sei, eu não lembro agora exatamente em quais lugares eles aparecem, eu acho que é aqui, isso aqui, tá vendo, esses banners aqui que eles estão utilizando, deixa eu mudar, vou voltar aqui ao normal, eu acredito que seja aqui, esses, não, pera aí, acredito que esse seja aqui, tá vendo, o tipo de banner promocional, esse aqui mesmo, tá vendo, em lugares como esse, se vocês estiverem promovendo o seu app na home da Google Play ou em algum outro lugar, eles vão precisar De um banner aqui, tá? Pra promover O seu app, então é por isso que a gente tem que criar Essa imagem, mais uma vez, você pode pedir Ajuda lá pro seu design, ou Eu também te recomendo uma ferramenta Que eu utilizo bastante pra quem não é design Você pode fazer no Figma também, então Se vocês forem verem, é Esse template aqui, ó, ele tem aqui também Vocês podem, de repente, reaproveitar Ou eu te recomendo você utilizar o Canva Tá bom?
Na prática
Publicar app React Native Android na Google Play do zero.
Store listing
Nesta parte do material sobre publicar react native google play, o foco é «Store listing». Em vez de teoria genérica, o raciocínio parte do que acontece quando você executa de verdade.
De fato a testar o nosso aplicativo a subir o nosso aplicativo para loja e tem mais algumas etapas tá que a gente precisa é concluir aqui o Google né ele até fala para gente ó a selecionar testadores né pra gente fazer um teste interno antes da gente lançar de fato nosso é para produção a gente tem que criar uma nova versão do nosso é para então se a gente vir aqui na lateral a gente vai ver também que a gente tem diferentes tipos de faixas de teste a gente vai das pr��ximas aulas falar um pouquinho mais sobre essas faixas, mas geralmente a gente começa pela faixa de teste interno, tá bom? Então essa faixa de teste interno geralmente é aquela que você compartilha com os funcionários, com a equipe enfim, as pessoas próximas ali a gente vai aprender a criar um grupo, onde a gente vai colocar e-mail e a gente também tem que criar uma versão, tá bom? Esse nome serve para você identificar a versão e não é exibido ao usuário na Google Play Então se a gente vir aqui no nosso app Lá no nosso Build Gradle A gente vai ver que a gente tem o version code e o version name que a gente utiliza para controlar basicamente o versionamento do nosso.
Build, ou seja, o Android Build, ele é o processo onde a gente vai passar o nosso app para que a gente possa pegar tudo isso que a gente tem, o nosso código fonte, nossos resources aqui, as nossas imagens, enfim, tudo que a gente construiu até agora, a gente vai passar por esse processo que a gente chama de Build para que a gente possa gerar o nosso executável, o arquivo que fica aqui dentro, que pode ser instalado dentro do nosso dispositivo. O que é um APK, um AAB e o que é o sign-in em si Então a gente vai começar falando do Griddle, que nada mais é do que uma ferramenta Um toolkit responsável por automatizar e gerenciar o processo de build do Android Então quando a gente vem para o nosso projeto, quando você roda o seu Yarn Android Quando você gera o seu Yarn Android e está acontecendo algumas coisas aqui na linha de comando Ou até mesmo no Android Studio, quando você vem aqui e roda o seu aplicativo, o que está acontecendo na real é o Griddle, ele está sendo executado, obviamente, com alguns parâmetros, algumas configurações. Então, esse arquivo executável é o que é chamado tanto pela nossa React Native CLI, quanto pelo Android Studio, quando a gente faz o nosso build ou roda o nosso app para poder, enfim, gerar esse executável e também executar algumas outras tarefas, tá?
Erros comuns de review
Nesta parte do material sobre publicar react native google play, o foco é «Erros comuns de review». Em vez de teoria genérica, o raciocínio parte do que acontece quando você executa de verdade.
E como eu falei, através de configurações definidas dentro de alguns arquivos, inclusive esse build.griddle, ele é o que ajuda o Android a automatizar esse processo de fazer a compilação do nosso código-fonte e gerar os arquivos APK e AAB. Então, se a gente for olhar dentro da nossa pasta Android App, a gente já tem uma Key Store que é utilizada para o processo de debug, porque quando a gente instala, quando a gente roda o Yarn Android ou o Build aqui para debugar, testar, desenvolver o nosso app, precisa ter uma Key Store também. Então, o nosso build type de debug, que é o que a gente roda quando a gente está aqui no Yarn Android, ou quando a gente está um run lá no Android Studio, ele vai utilizar as nossas configurações de debug, que é justamente essa nossa debug KeyStore, tá bom?
E com sucesso isso a gente voltar obviamente a nossa pasta build ela foi criada novamente eu vou mais uma vez no meu output apk eu vou ver aqui ó que o meu tem aqui o meu arquivo de app release eu posso olha só eu posso pegar esse arquivo aqui ó e arrastar para dentro do meu dispositivo para dentro do meu emulador e vai tá aqui ó instalado o nosso aplicativo então a gente acabou de passar por esse processo né que a gente tinha comentado na prática através do do grid aqui na linha de A gente fez um build do tipo release Ainda assinando com a chave de debug Isso aqui a gente não sobe para a produção É só um exemplo aqui para a gente E a gente instalou o nosso aplicativo dentro do nosso dispositivo E a gente pode fazer esse processo também dentro do Android Studio Então repara aqui que eu tenho a pasta outputs apk release Então aqui dentro do meu Android Studio Eu vou no meu build Vou aqui ó, build bundle E vou clicar aqui ó, build bundle, que é pra gente gerar o nosso AAB, que é o arquivo que a gente mandaria lá pra loja, tá bom? Feita especificamente para a gente poder subir para a loja Numa próxima aula E antes da gente fazer o build Eu vou fazer duas alterações rápidas aqui no projeto E a primeira é com relação a nossa API Como a gente veio codando o projeto localmente A gente estava acessando a API no nosso endereço local Mas obviamente quando a gente tirar a APK Que a gente subir isso para a loja Para o usuário instalar no dispositivo A gente não pode, a gente não vai ter como acessar a API API local. E só abrindo um parêntese aqui com relação a esse endereço, né, essa API, se você estiver utilizando aí, talvez ela não vai tá ligada, né, ligada quando eu digo, não vai tá disponível pra você, porque a minha ideia não é deixar ela.
Sinais de que está funcionando
Nesta parte do material sobre publicar react native google play, o foco é «Sinais de que está funcionando». Em vez de teoria genérica, o raciocínio parte do que acontece quando você executa de verdade.
E geralmente a gente utiliza o nosso domínio reverso e então a gente tem no exemplo aqui da documentação com.exemplo.myapp e se a gente voltar lá pro nosso aplicativo, a gente vê que a gente tem o nosso domínio que vem quando a gente instala o app, quando a gente cria o app com o React Native, ele meio que cria um domínio baseado no nosso nome do nosso app que a gente colocou e esse nome é utilizado tanto no application onde encontro, no namespace, esse namespace, ele é também o nome do nosso package, tá bom? Dentro do contexto do Android, do Java, perdão, do Kotlin, a gente pode ter algumas variações de como a gente constrói esse namespace que a gente chama, mas para o application ID do Android, a gente tem mais algumas restrições, tá? Então eu vou rodar o meu IAR em Android E beleza, conseguimos instalar o nosso app Com o nosso Namespace O nosso Application ID atualizado Então o nosso app tá rodando aqui Sinal de que tá tudo funcionando A gente conseguiu fazer o build sem nenhum problema E voltando aqui pro nosso painel a gente pode ver que a gente já fez bastante coisa, tem a parte aqui de selecionar teste, mas a gente vai direto na parte aqui de teste interno, tá?
E basicamente o que a gente precisa entender é o seguinte O sistema operacional Android exige que as nossas APKs Que vão ser instaladas no dispositivo Elas sejam digitalmente assinadas E a gente faz isso através de um certificado E a gente vai aprender como é que a gente cria esse certificado Eu não vou entrar em detalhes técnicos mais uma vez Do que exatamente é um certificado É chave pública, chave privada A gente não precisa ir tão fundo assim Mas mais uma vez, por deixar referências, caso vocês queiram entender mais a fundo como é que funciona Mas basicamente, a grosso modo, o que vocês precisam entender e levar desse processo É principalmente essa parte aqui, de você gerar a sua Upload Key e a sua Key Store Então a gente vai aprender a gerar a nossa chave que a gente vai utilizar para poder assinar o nosso aplicativo Mas antes disso eu só vou abrir um parêntese Para a gente falar um pouquinho rapidamente desse novo processo, novo relativamente novo, já tem alguns anos, mas se você por algum motivo mexeu com Android há muito tempo atrás, você vai lembrar também desse processo aqui onde você cria essa chave que a gente vai criar para assinar o seu app. Então essa etapa aqui que a gente está fazendo A partir daqui vai ser a responsabilidade do Google Com essa chave que foi gerada E que está salva lá na cloud deles E a gente tem basicamente duas formas de a gente gerar Essa nossa upload key Então pela documentação do Android Ele nos recomenda gerar pelo Android Studio Então o Android Studio tem uma ferramenta para gerar E se vocês forem olhar na documentação do React Native Eles falam pra gente utilizar essa aplicação aqui de linha de comando, tá? A gente vai fazer pelo Android Studio porque é mais fácil É uma interface mais intuitiva e o resultado é o mesmo Mas também eu vou deixar linkado para vocês a documentação da K2 se vocês querem ler um pouquinho mais tem até mais referência de todas as propriedades, por exemplo a gente pode definir o algoritmo que a gente vai utilizar enfim, várias customizações que a gente pode dizer, o tamanho da nossa chave e algumas propriedades que a gente vai precisar como por exemplo, a password o name também, a kstore password então a gente pode fazer isso através desse comando gigante aqui como vocês estão vendo, ou a gente pode fazer através do Android Studio Então a gente vai vir aqui em Build e a gente vai em Generate Sign Bundle APK, tá bom?
O que evitar na primeira semana
Nesta parte do material sobre publicar react native google play, o foco é «O que evitar na primeira semana». Em vez de teoria genérica, o raciocínio parte do que acontece quando você executa de verdade.
Então a gente vai gerar um App Bundle, eu vou clicar em Next e ele vai pedir aqui o caminho, como se a gente já tivesse uma chave, então a gente pode escolher uma existente, tá? Eu vou dar um OK Dei um OK E se eu vir aqui no meu código Tá vendo que já foi gerada a minha upload.js Dentro da pasta que a gente colocou A gente pode dar o next aqui pra continuar Mas eu não vou fazer o build pelo Android Studio Porque a gente precisa fazer alguns ajustes, tá bom? Então eu vou vir aqui É, vou vir aqui no meu build.grad Aqui mesmo dentro do VS Code Porque é o seguinte, a gente tem o build type, como a gente já comentou, de debug Onde a gente tem essa assinatura padrão aqui dessa debug store Só que o nosso release, cautela, em produção, você precisa gerar a sua própria chave Foi exatamente o que a gente já fez Então a gente vai gerar um novo sign-in config, tá bom?
A própria documentação, a gente pode, vamos testar esse comando, vou gerar com esse comando do Android, ele até fala perdão, esse comando React Native da CLI do React Native, ele até fala que o comando por baixo dos panos utiliza o Gradle, tá bom? E agora que o nosso arquivo AAB foi gerado, eu posso voltar Para o console da Google Play E eu posso colocar O nosso, arrastar o nosso Bundle para cá, então deixa eu pegar Estou com a pasta aberta aqui na outra tela Então eu vou pegar justamente o que a gente gerou Com a chave, fazendo um upload Beleza, a gente fez o upload, demora um segundo, um minuto, dois minutinhos aqui e vai aparecer o nosso app bundle e vai aparecer justamente a versão que a gente tem no nosso app. Pressionei meu nome mais comercial, geralmente utiliza, né, ah, é um fix, a gente vai utilizar 1.1.1, você pode utilizar esse tipo de versionamento, mas o mais importante é que vocês saibam que toda vez que a gente subir uma nova versão, esse version code, ele tem que estar acima, tá?
Como explicar isso para o time
Nesta parte do material sobre publicar react native google play, o foco é «Como explicar isso para o time». Em vez de teoria genérica, o raciocínio parte do que acontece quando você executa de verdade.
Então, só a título de curiosidade, que é importante vocês saberem, e o nome da versão, Esse nome, como ele já diz É o nome que serve pra gente identificar Ele não é exibido lá na Na Google Play, então O padrão que ele coloca já pra gente É isso, é o nosso Version code e o nosso Version name, tá bom? A gente vai distribuir isso internamente tem alguns avisos a gente pode ignorar isso aqui por enquanto mas ele até diz que eu não criei ainda os testadores pra essa faixa, a gente já vai aprender a criar o grupo mas eu já vou ver aqui salvar e publicar, e lembrando que pra teste interno, gente a gente não precisa passar pelo review da Google Play tá bom? Então eu posso criar uma lista, deixa eu criar uma lista de e-mails Eu posso colocar um nome, botar, chamar de internal testadores internos e aqui você vai adicionar quem você acha que você tem que adicionar tá bom só lembrando que essas pessoas para elas poderem testar elas precisam você precisa utilizar um e-mail do Gmail tá porque essa essas pessoas elas vão precisar que acessa a loja da Google Play que já vai ver o processo passo a passo mas basicamente precisa ser do Gmail ou do Google workspace tá então por isso eu posso utilizar o meu arroba com a stack tá vou adicionar é o meu contato posso é Tá bom E lembrando que eu tenho que pressionar o Enter aqui, né?
Então eu estou com o meu dispositivo conectado, mandei o e-mail com esse link no meu dispositivo Android eu vou clicar aqui, lembrando que a minha conta, que eu fiz o convite lá no e-mail que a gente adicionou no nosso grupo de teste precisa ser a conta que está logada aqui na Google Play, tá? Ah, tá saído, ué Com a mesma coisa aqui É, beleza Deixa eu voltar pra cá pro meu painel E até, ó, já até sumiu, ó Cadê, ó, aquele passo a passo Ainda tem isso aqui da outra faixa de teste Né, das outras faixas de teste que a gente tem E a gente não vai publicar agora, né, o aplicativo nessa aula Mas eu já quero mostrar aqui pra vocês, tá? Importante para que a gente possa ter um controle né o Google aprovou mas a gente não quer disponibilizar agora tá bom então vou deixar aqui marcado publicação gerenciada ativada e vou salvar então se você enviar essa mudança ao Google para revisão será necessário fazer a publicação manualmente após aprovação então geralmente esse é o processo que a gente utiliza no mobile eu vou clicar aqui enviar para a produção geralmente leva sete dias tá e pela minha experiência a primeira versão realmente leva mais tempo tá pode ser que tenha um bate-volta o Google reprove Te mande um e-mail, mas geralmente demora um pouquinho mesmo, galera Então vamos enviar a mudança para revisão Beleza, e uma vez que você envia, vai ficar aqui, ó Alterações em análise Então elas precisam ser aprovadas pelo Google Pode ser que leve até 7 dias Uma vez que esteja aprovado, essas mesmas alterações Elas vão aparecer aqui Alterações prontas para produção E vai ter um botãozinho aqui para vocês pressionarem e publicarem Eu vou ficando por aqui E mais uma vez, parabéns por essa conquista Publicar um app na Google Play não é um processo trivial.
Na prática
Próximo passo: escolha uma métrica (taxa de sucesso, tempo, retries ou conversão) e rode um experimento de 7 dias antes de escalar o padrão.