Gerando APK (Android) e IPA (iOS) com React Native & Expo | Code/Drops #15
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- Criar um app mobile com React Native e Expo é uma experiência sensacional, mas publicar esse app geralmente nos dá dor de cabeças por causa das lojas de aplicativos e pelo processo de build.
Nesse vídeo vou mostrar o processo de gerar o APK para Android e o IPA para iOS de forma muito fácil utilizando o Expo que por trás dos panos utiliza uma ferramenta fantástica chamada Fastlane para automatizar vários processos nas lojas.
-----
Acompanhe a Rocketseat nas redes sociais:
Site: www.rocketseat...
Twitter: / rocketseat
Facebook: / rocketseat
Instagram: / rocketseat_oficial
Comunidade: comunidade.rock...
Blog: rocketseat.com...
Ouça também:
Spotify: spoti.fi/2PwXeUp
Anchor.fm: anchor.fm/faladev
Apple Podcasts: apple.co/2pReOrN
Google Podcast: bit.ly/2Cgj077
Diego, só uma informação. A partir de 2019, as Builds se tornaram prioritárias para quem possui Plano Priority. Geralmente, as Builds ficam numa fila de espera, podendo demorar 2/3 horas para começar o Build. Para as pessoas que não possuem esse cadastro, é necessário paciência.
Cara esse é melhor canal de programador que já vi. O guanabara tb é bom, mas o dele é melhor para iniciante. Mas quem quer aprender react, esse é nota 10
Mano, te agradeço muito obrigado.
Seus conteúdos são melhores que uns por aí, vc ensina de verdade e sem enrolação.
Valeu 👨💻
Faala, Silas! Obrigado pelo feedback!! 💜💜
Sério, voces não cansam de salvar a minha vida ? rsrsr
Vaaaaaleu galera, incrível a qualidade de todos os conteudos que voces geram.
Irado demais o vídeo, aprendi umas coisas que não sabia... Mas preciso deixar alguns pontos que podem servir de correção ao que foi falado. Por exemplo, não testei o processo de build para iOS que o Expo disponibiliza na CLI do Windows por exemplo, não posso afirmar se funciona, mas se for usar a funcionalidade de upload pela CLI, no caso de iOS, a Apple exige que seja de um Mac, tentei fazer esse processo em um projeto que trabalhei, onde um dos devs, usava Windows ao tentar o “expo upload:ios” apareceu um aviso no console e não foi permitido o envio pra loja...
Sobre o FastLane, eu tenho um amor imenso por ele, em projetos React Native puro, consegui autorizar o processo dos certificados e perfis, deixando a entrada de novos membros no time menos sofrida, após a conf, era necessário apenas o clone do projeto por um novo membro, após o processo de instalação das dependências, bastava entrar na pasta iOS e rodar um ou dois comandos, não lembro agora, eu já era feita toda a configuração de ambiente para o desenvolvedor, certificado e perfis... Mas outra para irada que ele também faz, e essa só testei para iOS, mas é possível configurar ele para gerar screenshots do app, no teste que fiz, gerei screenshots para 10 versões do iPhone... Quase explodiu meu note, mas foi irado aprender e fazer isso...
Diego faz um video ensinando colocar o app nas lojas da apple e da google, especialmente da apple que é mais chatinha.
Gabriela Mendjajes
Muito bom todos os seus videos, para quem estiver usando o Xcode nao precisa do Tranporter para subir a compilaçao para o test Flight, lá em cima do lado do botão play para compilar é so mudar o dispositivo para "Any IOS Device" depois clicar em "Product" e depois "Archive", vai demorar um tempo depois uma janela aparece e voce clica em "Disponibilizar APP" ele vai te dar umas opçoes, escolhe "Apple Store Connect", pronto ja esta no test flight
Bredas, consegue né informar se pra fazer isso precisa de uma conta de desenvolvedor? Ou é gratuito usar o Xcode?
Show de bola Diego, mostra como funciona o passo a passo da publicação nas Lojas? Android e Apple
up!
up
up
up
up
A cada dia que passa me surpreendo cada vez mais com react e suas ferramentas!!
Meu pé de Aquiles é a publicação dos apps, principalmente na Apple. Seria legal uma masterclass de publicação. Vcs são feras!!!!
Faaaaala, Edinho! Beleza!? Opa, sugestão anotada! 💜
Queria demais ver um vídeo falando sobre isso, super bem explicado, parabéns!!!!
Vocês são demais!
Seria interessante enviar para a apple um App, ou tratar dos possíveis erros que o pessoal do suporte lá pedem. Baita vídeo. 👏🏻👏🏻👏🏻
Excelente vídeo, Diego, muito esclarecedor! Aguardando o vídeo sobre publicação do app nas lojas.
Diego, muito obrigado acabou de me economizar uma grana, genial vocês são fera como sempre.
O desenvolvedor de um app passou o arquivo ipa de um app recém feito em React. Mas no iPhone 14, após instalar via iTunes, diz que o app precisa ser atualizado e daí não abre.
Fala Diego!
Seria muito interessante vocês fazerem uma playlist de videos ensinando desde o desenvolvimento de um app simples até a publicação dele nas lojas Google Play e Apple Store.
Como eu queria saber quantas horas tem no dia desse maluco, mano eu acordo as 4:30 e vou estudar, trabalhar e fazer faculdade, vou dormir as 22:00 e não consigo absorver a quantidade de informação que esse muleke consegue. Mano vc veio de qual planeta ? Excelente video.
Diego faz depois um vídeo falando sobre desenvolvimento pra IPhone sem Mac. Quais as alternativas atuais e o que se pode fazer nesses casos.
Muito obrigado Diego.
Estou me esforçando para entender e aprender a desenvolver.
Olá, olha meu vscode não que inciar o terminal, o que pode ser? Poderia me ajudar.
Deixa eu fazer uma pergunta que não estou entendendo em lugar algum....... Para criar o IPA eu preciso ter uma conta paga? Comigo aconteceu isso:
Trying to authenticate with Apple Developer Portal...
Available session is not valid any more. Continuing with normal login.
Authenticated with Apple Developer Portal successfully!
Authentication with Apple Developer Portal failed!
You have no team associated with your Apple account, cannot proceed.
(Do you have a paid Apple Developer account?)
Tenho um pwa quero converter em apk se possivel uma informação . Depois convertido em apk e possivel ele receber notificações em sengundo plano sem a nescessidade dele estar aberto
Estou usando Expo , o aplicativo nao abre minha aplicação e fecha sozinho, o que fazer?
Seria muito tooop um video de publicação dos aplicativos nas lojas
Sou leigo em iOS, pra gerar o IPA tem que ter uma conta de developer da Apple e tem que pagar aquela anuidade de 99 dólares?
Rapaz caiu como uma luva esse code drop
Estava com essa dúvida a dias.... obrigado!!! Parabéns pelos videos...
Na hora de gerar o apk, muda alguma coisa o fato do projeto estar separado em frontend e backend ? Consigo gerar o apk, mas ele não instala no aparelho android.
só pelo fato de criar .IPA já foi lindo, mas claro quanto mais vc trouxer melhor!
Oi, como posso exportar um app android do kodular e converter ele para ios no Expo?
Boas é possivel ter uma apk como exemplo magic mirror para android e transformar para o iphone ?
Fala Diego, como posso estar dando deploy no backend de um app mobile ???
cara tbem preciso saber isso! como usar o backend do app
Gabriel Martins sobe no Heroku, é fácil e de graça
Sensacional !!! muito Bom diego !
um vídeo mostrando o publish nas lojas seria ótimo
Só tem como assinar o apk com Android Studio ou tem outro método?
Ei qual é o nome do curso que você fez para aprender isso?
Show, Diego.
Recentemente, publiquei um App React Native CLI na loja da Google, como não tenho um Mac como faria para publicar na loja da Apple? O projeto já está pronto e não utilizei o Expo na produção, teria como migrar para Expo e seguir os passos do vídeo?
Olá Diego estou tentando fazer um app que inverta as cores da tela do Android porém não sei por onde começar poderia me ajudar????
no caso vc fez pelo expo, e pra fazer pelo react native é igual? porq o texto que esta no meu app json tem umas coisas diferentes
Eu conseguindo react Native muda só algumas coisas
cli não gera para iphone.
tem como gerar IPA sem usar a conta DEV da apple?
Muito bom! Queria ver rodando no emulador de IOS tb. Tem como instalar o IPA como foi feito com o APK?
È possivel atualizar a app no testflight usando o expo publish? Ou temos sempre que fazer yarn build e fazer o upload do ficheiro?
Oque faço com a pasta node_modules?ela tá deixando o meu app muito grande. É um app simples de calcular alguns valores. Ela tá com mais de 100MB. E percebi que 97MB e da pasta node_ modelos! Oque eu faço para resolver esse problema, pois o app está muito grande.
Faala, Bruno! Dá uma conferida nesse post aqui do nosso blog que vai te dar um caminho: blog.rocketseat.com.br/reduzindo-o-tamanho-das-builds-para-android-no-react-native/
Seria lindo o vídeo explicando como configurar um Gif como Splash Scream no Android.
Faaaaaaaala, Diego. Shoooow, cara
Faz o próximo vídeo se já não tiver feito
Muito Massa esse detalhe do Mac foi d+!
Seria uma boa o vídeo sobre download da atualização do app
Galera que está olhando esse vídeo agr, é bom dá uma olhada na própria documentação que o Diego mostrou, seguindo o passo a passo de lá, pq já mudaram algumas coisas docs.expo.io/distribution/building-standalone-apps/
Eu vi esse vídeo agora n, e Diego? vc recomendo o Expo ou Cli ?
Rapaz que disgrama é essa o Expo só gera compilação apk código 1, ai quando voc lança na Playstore uma nova versão essa praga dá erro!!!😢 ai não consigo fazer para gerar apk versão 2 3 4 etc...
Cara
Instalaram algo na minha máquina?!
Só pode kkk
Estava até ontem , doido atrás de ajuda para resolver essa parada do Apk no expo
algoritmo de recomendação! vc usou o google pra achar uma solução, o algoritmo viu que vc estava procurando algo semelhante com este video, dai ele te recomendou o video. Machine Learning \o/
@@tassiosc Não só isso, ele diz pela coincidência de estar procurando ontem, e hoje o Diego postar esse vídeo
kkkk aconteceu comigo também, só que foi com o Behind the Code de ontem. Estava procurando sobre TDD quando eles postaram o vídeo.
@@Supremanoel exatamente kkkk
@@Supremanoel Saquei, tinha entendido que o YT que tinha recomendando o video pra ele pelas buscas que ele havio feito no google ;)
Qualidade sensacional.
Bacana o vídeo! Só me desanimou o tamanho do APK gerado. 50mb num app que só tem uma tela com uma linha de texto??
Vc pode fazer isso para reduzir medium.com/@aswinmohanme/how-i-reduced-the-size-of-my-react-native-app-by-86-27be72bba640
@@edrdesigner no expo vc não consegue fazer essas alterações. Para tal vc precisa ejetar o projeto, perdendo assim todas as facilidades do expo.
o da semana omnistack ficou com 49MB aqui no meu
Muito bom o conteúdo.
But the apk size is too large in expo project how to reduce it
When Expo generates the APK, it includes the code for all of the major versions of Android inside of it, but when the user downloads it, the final size will be something like 30% of the original size. You can also use another package format in Android called Android App Bundle that will also reduce the app size a lot. Expo is working on reducing the app size even more, so you can track the progress here: expo.canny.io/feature-requests/p/reducing-app-size
É necessário pagar para publicar um app na google play ou apple store?
O por que de se usar expo? Tem vantagem?
Oi! É possível publicar o ipa usando Windows?
Olá, no caso para executar no meu iPhone, tenho que ter uma conta de desenvolvedor Apple correto?
Você diz instalar o aplicativo gerado? Para isso não precisa Alexei, somente se quiser subir esse aplicativo para a loja! 💜
@@rocketseat isso mesmo, legal vou fazer o teste, obrigado :)
Explicação top!
Muito massa brother!
Aí amigo quanto tu me cobra pra fazer um trampo desse? Poderia me ajudar?
Cara, obrigado. Me ajudou bastante.
Po Mano vc tinha que dar aula na na udemy, vc explica muito bem
Faaala, Wulisander! Você conhece os nossos cursos? Temos o GoStack, que é para intermediários onde Diego é o piloto, e o LaunchBase, que é para iniciantes e tem o Maykão como piloto. 💜
rocketseat.com.br/launchbase
rocketseat.com.br/gostack
Muito massa, Diego! me ajudou muito. Tu é o bichão mesmo.
Faaaala, Mateus! Diego é o bichão mesmo! 😛 💜
Baum demais!
Musica de abertura é a mesma do canal do Thiago Nigro (Primo Rico) huahauhaua não tem como não associar
Boa noite. Para fazer o IPA como vc fez aí no vídeo. Preciso ter o Mac.?
Isso mesmo, Lucas! 😊
Precisa fazer build do app em um ambiente Mac! 💜 😍
Por favor faz esse vídeo explicando como colocar na play Store, pois tenho planos de empreendedorismo com app.
Depois que você tem o app bundle ou o apk basta só ir na Google Play Android Developers, pagar a taxa de 25 dólares (1 vez só pro resto da vida), fazer upload do apk e das informações e aguardar umas horas. Não tem segredo
vê o vídeo do carlos levir, ele explica.
@@AlecsanderHoppe Mas paga so isso e mais nada. Ou seja posso colocar quantos app quiser que nao preciso pagar denovo ou e 50 dollar por app
Pessoal Alguém pode me responder por favor o que é a Rocketseat. Eu entrei no site deles vi que tinham vários cursos gratuitos. O que me chamou atenção foi a possibilidade de poder trabalhar no front-end back-end com uma unica linguagem e usando Framework que derivam dela. Se diser alguma bobagem me desculpem eu estudo programação a apenas um mês . Já aprendi o básico de HTML, CSS e JS. porém to perdidaso com tantas linguagem e tecnologias não sei por onde começar. por exemplo quando eu comecei a estudar HTML foi pelo versão 4 depos descobri que já tinha a 5. perco muito tempo proucurando uma maneira de entender o que é cada linguagem para saber que caminho trilhar. Enfim a possibilidade de ter um caminha definido e atuallizado como vejo nos comercias da Rocketseat é fantástico. fantástico mesmo. Então Gostaria que algum de vocês que já parte desta comunidade me explica o que é a Rocketseat? os cursos são gratuitos? pagos? o que eu vou aprender e o que eu vou poder fazer com a didática apresentada nos comercias sobre a Rocketseat que vejo no TH-cam.POR FAVOR ME AJUDEM
Muito bom Diegão
Valeeu, Alexandre! 💜
alguém me ajuda pfv. quando vou gerar o apk, aparece a seguinte mensagem no node:
connect ECONNREFUSED (um número de ip na frente)
Set EXPO_DEBUG=true in your env to view the stack trace.
o que é isso ??
Tenta rodar "expo start -c" e quando aparecer o QR code, em outro terminal execute o "expo build:android"
@@gabrielhvcardoso expo start -c
ele faz o que ? digo, por que do -c ?
@@rcodev limpa o cachê e reconstrói o JavaScript Bundle, é recomendado para certificar que todas as últimas atualizações no código ou no app.json sejam reconhecidas e executadas.
up
Uma masterClass pfvrrr
Parabéns. sugestão: falar mais pausadamente.
Set EXPO_DEBUG=true in your env to view the stack trace.
tbm tive isso como conseguiu resolver?
CADE A MASTERCLASS?
Quero uma master class de 2 horas
build apk from cli please kakakakak
Pra Apple não é nada simples, tanta burocracia.... hehehehe
Qual nome do emulador que você usa ?
ele usa o do android studio, mas tem o genymotion tb :D
opa 1# a chegar kk
Vou dá de presente pra mim de aniversário, uma conta de desenvolvedor Apple, $99. Oo
Israel Sousa essa é a bucha que ele não falou HAHHAHA
Criei a conta mas não achei o link de pagamento vcs conseguiram?
@@jairleite8748 Faz login e: developer.apple.com/account
Diego traz um vídeo ensinando a criar splash screen animadas, de repente até com animações do lottie files, seria da hora.
O expo pode gerar o IPA mesmo usando windows??? Tá de brinks........ To perdendo tempo da minha vida pensando que ia ter que comprar um macbook kkkkk
É isso mesmo Natan haha! =))
Eu também louco para comprar um MAC para conseguir gerar o IPA kkkkkkkk
E eu aqui gastando dinheiro com o macincloud, desenvolver app para apple e um saco
E se eu te disse que acabei de comprar um Mac pq não sabia disso. Mas de boa, queria o Mac mesmo huauauhuhauh
Somos dois KKKKKKKKKKKKKKKKKK
Massa, perdendo aos poucos meu preconceito com o Expo.
Poderia fazer um conteúdo no CLI também falando sobre deploy e code push de forma manual, configurando CI/CD com ele principalmente na Apple por conta da burocracia que é.
Vc ta perdendo tempo achando que um macbook precisa ser comprado kkkkkk... Eu uso Mac e não tenho um macbook
o meu ta mostrando "Build queued ..." só que não termina nunca
o meu também
Fui tentar fazer esse processo atualmente utilizando o EAS Build porem, quando vou tentar compilar para IOS aparece que eu não possuo uma conta desenvolvedor paga.
Tem algum jeito de eu gerar esse Build sem per para o simulador sem precisar de adquirir um plano na apple?
Sensacional como sempre! Seria bacana se pudesse fazer o build e tudo mais que foi feito com expo mas agora utilizando o CLI. Valeu, tamo junto
Faz esse vídeo atualizado!!! Por favor
Esse cara é um monstro. É inacreditável o que a Rocketseat ta fazendo pelos devs do Brasil. Muito obrigado por tudo Diego e equipe da Rocketseat!
Na hora de gerar o IPA, no meu acontece isso:
Authenticating to Apple Developer Portal...
Authentication with Apple Developer Portal failed!
Failed to set up Distribution Certificate
Failed to prepare all credentials.
The next time you build, we will automatically use the following configuration:
Project Credential Configuration:
Experience: @ericsilva10/BAI, bundle identifier: com.bai
Provisioning profile is missing. It will be generated during the next build
Alguem sabe como resolver ??/
Traga esse video pfv
O problema é que não são todas as pessoas que usam MAC, principalmente porque não podem comprar. Poderia fazer um exemplo de um desenvolvimento no windows para publicar o IPA. Senão não teria o porque usar o expo
Tentei gerar o IPA, assinei a apple para desenvolvedor, consigo acessar normalmente o site para desenvolvedores com as credenciais que coloco quando vou gerar o IPA, mas recebo o seguinte erro:
Authentication with Apple Developer Portal failed!
bash exited with non-zero code: 4294967295
Estou no windows, parece que o problema é ele, alguém parecido que conseguiu resolver?
Não consegui gerar a IPA para o IOS. Consegui gerar o apk apenas para Android. Meu sistema operacional é Linux. Tem como gerar o IPA?
Show o vídeo!!!!!!!
Gostaria de ver o mesmo conteúdo com react-native-cli.
Opa Anderson! Valeu pela sugestão 💜
meu sonho tambem rs
Sim faça um vídeo colocando na loja
Tem alguma forma de fazer o apk ser menos grande? 51.3MB não é um tamanho legal pra um apk que só imprime texto...heheheh