Como gerar o APK e AAB do App com EXPO 2023 👌

hoje você vai aprender aí como que a gente pode gerar o build ou APK ou app bandol usando um aplicativo com react Native com o Expo como que a gente consegue gerar utilizando o serviço do Expo para poder publicar na Play Store ou para poder ter o aplicativo aí né geral build dele então vamos fazer isso aí passo a passo hoje seja muito bem-vindo a mais um vídeo aqui no canal se você é novo por aqui se você gostar desse vídeo se você aprender alguma coisa com ele você volta aqui e se inscreve ó no canal e deixe seu gostei e para você que já conhece o nosso canal nosso conteúdo já é inscrito já desce o dedo no like bora começar eu tô com um projeto que eu acabei de clonar no meu PC aqui então o aplicativo vai estar rodando um aplicativo de filmes aqui posso ver os detalhes e tal só que ele é criado com um Expo então ele consome um api é criado com a expo aqui perfeito como é que eu posso gerar o build dele então Acabei de clonar aqui primeiro ó estou até rodando com o Expo aqui tá vou parar de rodar o meu App com vou limpar aqui e bora lá pro nosso Expo aqui primeiro passo que você vai fazer tá já no serviço do Expo o Expo tem um serviço que eles chamaram de eas aí tá então loga Nesse cara aí cria uma conta se você não tem como que você vai fazer isso vai vir aqui ó clica na logo do Expo ó No meu caso eu tô logado já mas que que eu vou fazer vou abrir aqui ó vamos acessar aqui a documentação do Expo na aba anônima E aí aqui então Ó você clica na logo do Expo e ele vai te levar aqui ó você vai vir aqui sai cria sua conta aí então vem no Cine up Coloca aí um e-mail uma senha confirma lá o seu e-mail se pedir então cria sua conta no serviço do Expo criou ele vai cair nessa tela aqui então essa tela é onde você vai gerenciar os seus projetos os builds baixar o apk se você quiser vai ter todos os deploides que você tem então você pode ver que no meu caso eu tenho dois projetos aqui que eu gerei o build ó seis dias atrás 13 dias atrás eu tenho alguns projetos que eu gerei o build Então você vai estar vazio aqui por exemplo né Porque você não vai ter nenhum criou a sua conta logo lá e agora bora gerar então agora deixa eu voltar até na documentação do Expo aqui que eu fechei sem querer e aqui dentro da documentação a gente vai procurar aqui por eas tá vamos virar eas e eu vou colocar aqui ó a gente vai criar uma build beleza e o primeiro passo que a gente precisa fazer é instalar o serviço do eas a linha de comando para a gente poder gerar o build ter acesso a esse seali então ó vamos lá vou vir aqui ó e a gente vai dar um npm install espaço traço G espaço cieloi vou dar um enter então a gente está instalando ele globalmente na nossa máquina essa linha de comando do eas o eas nada mais é do que o Expo application service então é um serviços aí dentro do X porque a gente pode utilizar então ó tô instalando aí ele vamos aguardar instalar E aí eu volto já instalou agora que a gente instalou vou dar aqui um CLS só para limpar aqui para não ficar confundindo vocês a gente pode vir aqui ó eas espaço build dentro da documentação do Expo para vocês saberem e procurando e não só eu dando comando para vocês e aqui ó é a s build beleza dentro aqui a gente pode vir aqui em umas opções tá criando o nosso tá dentro aqui ó ele pede até para a gente já instalar eu já instalei depois que você instalou o eas você precisa logar na conta que você criou do Expo Então agora você vai vir aqui vai digitar eas login e você vai dar um enter e agora ele vai pedir para você colocar o seu e-mail né o usernem e depois vai pedir para você colocar sua senha como eu acabei de logar para não ter que fazer isso aqui então logo na conta que você criou lá do Expo logo na conta na senha depois que você fazer isso vai logar eu vou cancelar aqui vou dar um control c porque eu já loguei tá depois que você logou agora a gente pode gerar o nosso build usando o serviço do Expo então eu posso vir aqui eas espaço build poderia rodar apenas Esse comando aqui e com isso ele vai pedir para rodar para as duas plataformas o build só que como eu tô no Windows ou no Linux você só vai conseguir gerar o Build do Android se você tiver usando Macbook por exemplo aí você consegue gerar um Build do Android e também para o iOS tá então no nosso caso a gente tá aqui no Android eu vou para o Android então você pode rodar Esse comando ou você pode vir aqui e especificar a plataforma que você quer então por exemplo eu posso passar aqui uma Flag olha só que legal até diminuir aqui ó eas build espaço traz espaço Android porque eu quero gerar só para Android Então vou dar um enter aqui e ele vai pedir algumas informações aqui vai fazer algumas perguntas Então olha que legal como eu tô logado ele já detectou aqui que a gente tá querendo fazer um build dentro deste projeto então você pode ver que eu rodeio comando e as build dentro da pasta do meu App Então você tem que estar no cmd dentro da pasta do seu app E aí você roda o eas build traz supletore Android então ele fala aqui para mim ó se a gente gostaria de deixar ele criado lá dentro do nosso serviço do Expo um projeto com a nossa conta e claro eu quero Então vou dar aqui um y e ele vai criar lá dentro do nosso serviço do Expo daquela sua conta beleza criou aqui agora ele vai perguntar pra gente olha você gostaria de o seu projeto usando esse peca de name do Android então você pode ver que ele já sugeriu aqui um para mim ele sugeriam aqui ó com ponto Mateus fraga. deve filmes que é o nome do meu aplicativo e uma aqui tem um ponto bem importante você pode mudar depois se quisesse esse pack de name mas para Google Play por exemplo aceitar o seu aplicativo esse peca de name ele tem que ser único na loja então às vezes o seu nome é muito genérico do aplicativo Pode ser que hora que você envie ele vai dar conflito ele vai falar olha esse pack de name já existe na minha loja E aí não vai deixar você subir para loja então sempre é legal ter um pack de nem me exclusivo para o seu app tá e tem uma convenção do pack de name sempre começar com ponto e aí o nome por exemplo aqui tá no nome do meu da minha conta do Apple então com ponto Mateus Fraga a ponto e aí o nome do meu App deve filmes ou poderia mudar poderia alterar aqui com um ponto Matheus Fraga ponto deve filmes br sei lá poderia mudar no caso eu vou deixar isso que ele sugeriu vou dar um enter e ele vai usar que esse peca de name mesmo depois ele vai pedir para mim olha você gostaria de gerar aqui ele fala você gostaria de gerar uma nova keystore que que é essa aqui Store aqui história é uma chave para você assinalar o seu APK o seu Build para poder enviar para loja então a gente precisa enviar o Build do nosso projeto com um APK assinalado então aqui a gente precisa gerar porque a primeira vez que eu tô gerando build as próximas vezes que você gerar o build ele já vai usar a sua chave automaticamente Então essa chave o Google Play a hora que você for subir uma atualização é um identificador para saber se você pode atualizar esse APK que você quer lá dentro da loja ou não então no caso ele já pede aqui como Expo automatiza tudo se a gente quer já gerar ou não então vou dar aqui ó um Y porque eu quero já gerar a minha aqui Store então ó criou aqui Store e agora que vem a parte legal né agora ele tá falando que ele tá enviando para o serviço eas será pro serviço do Expo e ele já deu aqui os detalhes do build e falou está na fila ou seja como serviço do eas é um serviço de uma plataforma do Expo então toda a plataforma tem o seu gratuito e o seu pago né Então dependendo isso não influencia o seu PC se ele é forte se ele é fraco isso é lá dentro do serviço do Expo se por exemplo no serviço do ex hoje tem muita gente fazendo build no plano lá e aí o que que vai acontecer pode acontecer eu já passei por isso e quando eu vou gerar o build ele aparece Olha a build tá na fila daqui 10 minutos ele aparece aqui no meu caso agora por algum motivo Ele já deu aqui que tá ó Bill dando em Progresso Então já tá gerando Bill de lá então só aguardar enquanto ele gera aqui a gente pode até voltar aqui no nosso serviço do Expo e eu vou dar um F5 aqui só pra gente olhar que ele já vai aparecer olha que legal já apareceu aqui que em 2 minutos ele já girou Então faz dois minutos então a gente pode ver que aqui do lado onde eu tinha dois projetos agora eu tenho o Devil filmes que é esse meu aplicativo então vou clicar nele aqui e olha que bacana né ele tem os detalhes dele o slugin dele ele deu aqui que é um minuto atrás ele tá um building então ele tá buildando lá e ele tá um build em produção posso clicar aqui para ver os detalhes Desse nosso projeto e ele tá falando ó o status build in Progress Ou você já está gerando o build lá então agora é só aguardar não preciso fazer nada e se a gente olhar aqui em cima enquanto ele vai gerando lá né a gente pode ver ó qualquer SDK do meu Expo que eu tô girando esse build então 48 eu posso ver a versão desse aplicativo 1. 0 que é a primeira né como é o primeiro build que eu tô gerando Então essa versão é aquela que aparece lá na Google Play 1.

02 3. 05 e a versão code é a versão para você poder atualizar ele então daqui a pouco eu vou mostrar como que você pode mudar essa versão code porque quando você por exemplo enviar um APK lá para loja depois que você enviou tá lá na loja perfeito mas você veio aqui no seu projeto mudou colocou funcionalidades a mais dentro do seu aplicativo E aí quer gerar um novo build E aí você precisa mudar Esse verso é um code para eles aceitarem uma atualização na loja então eu vou mostrar para vocês Como que você pode fazer isso também então vamos só aguardar aqui ó ele gerar o build enquanto ele vai girando o build aqui lembra de ir lá no nosso Instagram seguir se você não segue a gente se inscreve aqui embaixo e deixe seu gostei Então vamos aguardar e aí eu volto e agora sim aqui Demorou uns minutinhos uns 10 minutos aí gerou o build aqui então ele deu aqui para mim que foi enviado que já deu com sucesso nosso build se a gente olhar aqui dentro do serviço do Expo Tá eu vou atualizar aqui de novo a nossos o site aqui e olha que bacana né Deixa eu até voltar aqui no nosso dashboard vamos voltar tudo aqui ó ele deu aqui que um build foi feito Vamos acessar o nosso Devil filmes e ele mostra que já foi concluído eu posso clicar aqui em cima dele e aí pra gente poder baixar o arquivo que é o arquivo que a gente vai subir pra loja da Google Play só clicar em download e ele vai começar ó abaixar o arquivo aab que é o Apple vou abrir aqui na pasta deixa eu abrir aqui a pasta onde é que abriu Cadê a pasta deixa eu abrir aqui de novo mostrar na pasta aqui ó já abriu aqui E esse aqui é o arquivo ó AB ou seja esse arquivo é o arquivo que hora que você tiver enviando lá para loja da Google Play é o arquivo que você vai subir lá então esse é o build que você sobe lá para loja agora tem muita gente que gosta de por exemplo de gerar um APK um ponto apk que é o formato mais antigo para sei lá usar em algum aplicativo diretamente no celular né do Android então dá para você gerar também não recomendo mas dá você pode vir aqui ó dentro do exo e procurar aqui APK ele tem um guia bem legal aqui ó deixa eu acessar aqui ó quando a gente rodou o comando para gerar o build Ele criou automaticamente dentro do nosso projeto um arquivo chamado eas. jayson que é a configuração lá do serviço da Expo então aqui a gente pode colocar dentro do nosso build então a gente pode olhar aqui ó dentro do nosso build eu posso colocar ela tem um perfil aqui tá vendo dentro do perfil ó dentro do perfil você pode passar mais uma Flag ou um objetozinho chamado Android E aí pode passar um build Type é APK então com isso você pode voltar aqui depois que você modificar e colocar o apk você pode voltar aqui e rodar novamente o comando né e a s build traz traz platform Android E aí ele vai gerar o build com o formato apk e não com formato ep bundle aqui que é o ponto AB então aí você pode fazer também eu não vou fazer porque não é a minha escolha minha opção porque para você enviar para loja precisa enviar esse carinha aqui que é o app bando Beleza então aqui a gente já gerou o build poderia publicar mas antes da gente fazer isso aqui eu vou mostrar para vocês como que vocês podem também modificar o version Cold vamos ver como é que a gente pode fazer isso aqui então a gente pode voltar aqui no nosso documentação e olhar aqui por version code tá então Versa é um code vou clicar aqui deixa eu achar aqui não não é Esse verso um code version Cold Nate aqui ó Nate version Ah aqui mesmo então aqui ele fala que a gente pode colocar lá dentro do nosso Expo ou seja dentro da configuração do nosso app.

jayson aqui dentro do Expo você pode ver que ele já vem o Versa 1. 0 esse 1. 0 é essa aqui ó 1.

0000 mais o verso é um code é a do build então quando a gente for gerar um build você modificar o seu app colocou funcionalidades a mais sempre você precisa modificar né a versão mas o verso é um code também então aqui para você modificar o verso um code você pode vir aqui vir aqui ó dentro do Expo Você pode adicionar aqui ó o Android o iOS no meu caso por exemplo não vou usar do iOS vou usar o Android poderia colocar do Android deixa eu ver se ele já tá criado aqui ó Android Android ó tá criado aqui o flagzinha do iOS pode ver que é do Android está criada aqui também ó dentro do Android já está aqui então aqui a gente precisa colocar dentro da Flag do Android Esse verso é um code aqui ó Então posso vir aqui dentro do Android version code vírgula E aí eu vou colocar por exemplo verso é um code dois e vou colocar version 1. 01 ou 1. 02 aqui a versão e o verso é um code posso colocar dois por exemplo vou salvar e eu vou gerar vamos dar alguma coisa aqui no meu projeto eu vou colocar aqui deixa eu pegar aqui só vai mudar alguma coisa para ele ter uma coisa mudada Vamos mudar aqui a background colocar um cinza Vou salvar quero gerar um Bill de novo então é AAS buildform espaço Android vou dar um enter aqui lembra de salvar primeiro o seu version Cold aqui tá então agora ó ele já tá gerando um novo build pode ver que agora ele não perguntou tudo porque ele já tem a nossa chave ele já gerou o peca de name então ele só vai colocar na fila para poder gerar um novo build aí do projeto pode ver aqui que o build já está em progresso se a gente olhar lá no serviço do Expo Vou atualizar aqui de novo deixa eu voltar aqui nos nossos overview beleza ó dois minutos tá gerando build em produção se a gente abrir esse build aqui você pode ver o que que mudou né olha só que legal agora o nosso verso ele veio com 1.