1 00:00:02,580 --> 00:00:05,010 Agora você aprendeu como criar seu aplicativo 2 00:00:05,010 --> 00:00:06,840 para iOS, e o Android? 3 00:00:06,840 --> 00:00:09,870 Novamente, e os documentos oficiais do React Native, 4 00:00:09,870 --> 00:00:14,310 em guias, Android, você encontra instruções sobre como publicar seu aplicativo na 5 00:00:14,310 --> 00:00:18,720 Google Play Store e, no final, pode seguir as instruções encontradas aqui. 6 00:00:18,730 --> 00:00:23,890 Tudo começa com a criação de um keystore que eu já mencionei no fluxo de trabalho gerenciado 7 00:00:23,920 --> 00:00:27,100 da expo, mas a expo fez isso por nós em seus 8 00:00:27,130 --> 00:00:33,220 servidores, aqui precisamos fazer isso e podemos fazer isso dentro do nosso projeto ou no Windows, como diz aqui , certifique-se 9 00:00:33,220 --> 00:00:38,740 de executar este comando enquanto navega nesta pasta. Você pode copiar seu keystore para o seu projeto 10 00:00:38,740 --> 00:00:41,140 posteriormente ou armazená-lo em qualquer outro lugar. 11 00:00:41,140 --> 00:00:45,820 Você precisará do armazenamento de chaves gerado para assinar seu aplicativo e para 12 00:00:45,820 --> 00:00:47,710 assinar atualizações do aplicativo, portanto, 13 00:00:47,740 --> 00:00:51,730 não o perca, caso contrário você não poderá reconstruí-lo ou atualizá-lo. 14 00:00:51,760 --> 00:00:57,370 Portanto, aqui, você pode inserir uma senha arbitrária, o que deseja escolher e, em seguida, algumas informações 15 00:00:57,370 --> 00:01:03,970 sobre você que, tecnicamente, podem estar erradas, mas que devem estar corretas, já que esse é o seu identificador, por exemplo, 16 00:01:03,970 --> 00:01:08,780 uma vez que é usado para atribuir seu aplicativo no diretório fim e depois que 17 00:01:08,780 --> 00:01:15,820 você digitou tudo isso, confirmou e escolheu suas senhas, isso agora cria esse arquivo de armazenamento de chaves da minha chave de 18 00:01:15,820 --> 00:01:23,950 upload aqui e agora você pode usá-lo para assinar seu aplicativo. Em seguida, você precisa configurar algumas variáveis gradle como você vê 19 00:01:23,950 --> 00:01:29,900 aqui e, para isso, mova o armazenamento de chaves para a pasta do aplicativo Android; portanto, dessa 20 00:01:29,960 --> 00:01:30,670 pasta 21 00:01:30,680 --> 00:01:37,910 aqui, mova-o para o Android e depois para a pasta do aplicativo, para que o arquivo está lá e vá 22 00:01:39,740 --> 00:01:49,300 para o arquivo de propriedades gradle, o arquivo de propriedades gradle do Android. Então aqui, no Android, temos o arquivo de propriedades 23 00:01:49,300 --> 00:01:53,200 gradle e lá, você pode adicionar essas 24 00:01:56,570 --> 00:02:04,330 entradas e, como diz lá, substituir as estrelas aqui pela senha que você escolheu para 25 00:02:04,330 --> 00:02:05,620 o keystore. 26 00:02:05,890 --> 00:02:09,250 Depois de fazer isso, você pode fechar esse arquivo. Você deve ir 27 00:02:09,470 --> 00:02:15,140 para o arquivo gradle de criação de aplicativos Android, para não construir gradle aqui, mas na pasta do aplicativo e lá o 28 00:02:15,170 --> 00:02:23,710 arquivo de construção gradle e adicionar essa configuração no nó Android, como você pode ver . Então, você pode simplesmente copiar isso e, em seguida, 29 00:02:23,710 --> 00:02:31,980 aqui, procure o nó Android, que é esse nó, lá você tem a configuração padrão no que você não 30 00:02:34,810 --> 00:02:38,260 deve tocar, mas você tem a sua 31 00:02:39,740 --> 00:02:47,270 configuração de sinal onde deve, no final, adicionar esta parte da versão, para que não exclua a 32 00:02:47,720 --> 00:02:54,600 parte de depuração, mas adicione esta parte da versão e, em tipos de versão, adicione 33 00:02:54,600 --> 00:02:56,280 esta linha aqui. 34 00:02:56,640 --> 00:03:04,720 Portanto, se rolarmos para baixo, criar tipos release, lá podemos adicionar esta linha, assinando config release e agora você 35 00:03:04,720 --> 00:03:09,390 poderá gerar seu APK com estes comandos, navegando até a pasta 36 00:03:09,390 --> 00:03:14,230 Android e executando esse comando. Então, vamos fazer isso, vamos primeiro navegar 37 00:03:14,230 --> 00:03:19,350 para a pasta Android aqui com cd android e executar este comando gradle w. Agora, você 38 00:03:19,360 --> 00:03:20,800 deve criar seu 39 00:03:20,800 --> 00:03:26,170 aplicativo e assiná-lo para produção, fornecendo um pacote de aplicativos no final que você pode depois 40 00:03:27,180 --> 00:03:29,660 faça o upload para a Google Play Store. 41 00:03:29,670 --> 00:03:36,160 Então, vamos aguardar o término e, assim que a compilação for bem-sucedida, você 42 00:03:36,280 --> 00:03:39,850 poderá usar o pacote de aplicativos 43 00:03:43,310 --> 00:03:49,910 que agora encontra no pacote de saídas geradas pela compilação de aplicativos. . 44 00:03:50,770 --> 00:03:55,640 Para isso, você pode procurar pelo console do Google Play e precisa de uma 45 00:03:55,700 --> 00:03:56,740 conta de 46 00:03:56,750 --> 00:04:04,670 desenvolvedor do Google que também lhe custe dinheiro, mas, diferentemente do programa da Apple, não é uma assinatura, é uma taxa única de 47 00:04:04,670 --> 00:04:09,530 US $ 25 e aqui no console do Google Play, agora você pode criar 48 00:04:09,530 --> 00:04:18,540 um novo aplicativo depois de fazer login com sua conta paga, escolher um nome de aplicativo como este, criá-lo e, em seguida, aqui você pode gerenciar toda 49 00:04:18,540 --> 00:04:22,410 a aparência da loja ou o aplicativo inteiro como ele se 50 00:04:25,100 --> 00:04:33,070 parece e nas versões do aplicativo, você pode clicar na faixa de produção, gerenciar a produção, criar uma versão e agora aqui você precisa 51 00:04:33,070 --> 00:04:38,050 fazer o upload do seu pacote de aplicativos. Agora você pode clicar em continuar aqui com as configurações 52 00:04:38,050 --> 00:04:43,420 padrão normalmente, mas, em geral, eu recomendo que você mergulhe na documentação do Google Play Store ou do Google Play Console 53 00:04:43,730 --> 00:04:49,090 para aprender tudo sobre as coisas que você pode configurar aqui, mas no final, isso é agora onde você pode 54 00:04:49,090 --> 00:04:51,270 fazer upload do pacote que você criou. 55 00:04:51,400 --> 00:04:57,130 Então, aqui, você faria o upload desse arquivo de pacote configurável e, a partir daí, poderá finalizar a aparência da sua 56 00:04:57,130 --> 00:04:59,940 loja e publicar seu aplicativo na Google Play Store também. 57 00:05:01,830 --> 00:05:06,600 Agora, é claro, você deve estar se perguntando, como você adiciona ícones e assim por diante porque eu ainda não toquei nisso? 58 00:05:07,180 --> 00:05:11,160 Uma maneira conveniente e fácil de fazer isso é com a ajuda do Android Studio. 59 00:05:11,160 --> 00:05:17,610 Lá, você pode abrir um projeto existente do Android Studio e abrir sua pasta Android no seu projeto React Native aqui com o 60 00:05:17,610 --> 00:05:24,440 Android Studio, apenas a pasta Android, não todo o projeto React Native. Lá, você encontrará sua parte Android deste 61 00:05:24,440 --> 00:05:32,980 projeto e, para adicionar ícones, você pode ir para a pasta do aplicativo, source, main, res e aguardar essa 62 00:05:33,490 --> 00:05:37,410 inicialização e concluir a compilação que inicia quando você 63 00:05:37,580 --> 00:05:45,410 abre esta e assim que a inicialização for concluída, nessa pasta do aplicativo, se você clicar na 64 00:05:45,410 --> 00:05:52,330 pasta res, clique com o botão direito do mouse nela, poderá selecionar um novo e 65 00:05:52,370 --> 00:06:00,290 um recurso de imagem, e isso abrirá um editor onde você poderá adicionar e gerar convenientemente novos recursos 66 00:06:00,380 --> 00:06:06,420 de imagem, novos ícones por exemplo. Lá você pode escolher iniciar seus ícones, adaptável e herdado e 67 00:06:06,420 --> 00:06:08,490 agora o que você pode fazer, pode 68 00:06:08,580 --> 00:06:14,580 deixar o nome, pode configurar o seu ícone, pode configurá-lo lá. Você pode escolher uma camada de primeiro 69 00:06:14,580 --> 00:06:23,050 plano e, lá, você pode, por exemplo, escolher o caminho de uma imagem que deseja usar, uma camada de fundo em que 70 00:06:23,050 --> 00:06:29,050 pode definir uma cor sólida ou também uma imagem que deseja usar em segundo plano 71 00:06:29,050 --> 00:06:35,170 e, portanto, gerar seu ícone com essa ferramenta. Simplesmente clique em Concluir e, é claro, forneça sua própria imagem, se você 72 00:06:35,170 --> 00:06:42,720 quiser, e isso configurará tudo para que você tenha um ícone legal, o que, obviamente, é muito legal. Agora, sobre como personalizar a tela inicial, em 73 00:06:42,720 --> 00:06:48,470 anexo, você encontra alguma documentação sobre como fazer isso no Android para 74 00:06:48,470 --> 00:06:53,630 definir sua própria tela inicial. É claro que sempre que você altera seus 75 00:06:53,640 --> 00:07:00,150 ícones e / ou sua tela inicial, é necessário executar novamente essa compilação com o comando gradle w e também reimplementar seu 76 00:07:00,180 --> 00:07:05,400 novo pacote de aplicativos na Google Play Store com o console do Google Play e, com isso, 77 00:07:05,400 --> 00:07:12,030 é como você criaria e implantaria os aplicativos React Native only. Obviamente, um pouco mais de trabalho manual, um pouco mais complicado do que 78 00:07:12,030 --> 00:07:17,970 no fluxo de trabalho gerenciado da expo, mas agora você conhece as duas opções e pode optar por qualquer abordagem que seja necessária para 79 00:07:17,970 --> 00:07:18,870 o seu aplicativo.