Como baixar Expo Go e testar aplicativos nativos React em seu dispositivo
Se você é um desenvolvedor ou entusiasta do React Native, deve ter ouvido falar do Expo Go, um aplicativo gratuito e de código aberto que permite testar seus aplicativos React Native em seu dispositivo sem criar nada localmente. Neste artigo, mostraremos como baixar o Expo Go, executar seu aplicativo React Native com ele, publicar e compartilhar seu aplicativo e personalizar seu aplicativo com o Expo Go.
download expo go
Download Zip: https://1naphtdeedga.blogspot.com/?file=2vSPWs
O que é Expo Go e por que você deve usá-lo
O Expo Go é um aplicativo nativo instalado no seu dispositivo. É um cliente de desenvolvimento que se conecta ao servidor de desenvolvimento em execução no seu computador ou online. Ele permite que você abra aplicativos servidos por meio do Expo CLI, uma ferramenta de linha de comando para criar e executar aplicativos React Native. Você também pode abrir e compartilhar projetos com os membros de sua organização publicando com EAS Update, um serviço para fornecer atualizações para seu aplicativo OTA.
Recursos da Expo Go
Algumas das características do Expo Go são:
Ele oferece suporte a todos os recursos do Expo SDK, um conjunto de bibliotecas que fornecem acesso a APIs e funcionalidades nativas.
Ele permite que você use hot reloading e fast refresh, que recarregam seu aplicativo instantaneamente quando você faz alterações em seu código.
Ele permite que você use o menu do desenvolvedor, que oferece acesso a várias ferramentas, como depuração, monitoramento de desempenho, inspetor de elementos e muito mais.
Ele permite digitalizar códigos QR ou inserir URLs para abrir aplicativos do Expo CLI ou EAS Update.
Ele exibe uma lista de projetos abertos recentemente e projetos compartilhados por outros usuários.
Ele oferece suporte a várias versões do SDK, que mapeiam para diferentes versões do React Native e Expo SDK.
Benefícios Expo Go
Alguns dos benefícios de usar o Expo Go são:
É gratuito e de código aberto, para que você possa usá-lo sem nenhum custo ou limitação.
É fácil de instalar e usar, então você não precisa configurar nenhum ambiente ou configuração complexa.
É multiplataforma, então você pode testar seu aplicativo em dispositivos Android e iOS.
É rápido e conveniente, para que você possa executar seu aplicativo em seu dispositivo em segundos, sem esperar por compilações ou downloads.
É colaborativo, então você pode compartilhar seu aplicativo com outros desenvolvedores ou testadores facilmente.
Como instalar o Expo Go no seu dispositivo
Para usar o Expo Go, você precisa instalá-lo em seu dispositivo. Ele está disponível na Play Store do Android e na App Store do iOS. Aqui estão os passos para instalá-lo:
Android
Abra o aplicativo Play Store no seu dispositivo.
Pesquise por "Expo Go" ou use este link para ir diretamente para a página do aplicativo.
Toque no botão Instalar e aguarde o download e a instalação do aplicativo.
Depois que o aplicativo estiver instalado, toque no botão Abrir ou localize o ícone do aplicativo na tela inicial ou na gaveta de aplicativos.
iOS
Abra o aplicativo da App Store no seu dispositivo.
Pesquise por "Expo Go" ou use este link para ir diretamente para a página do aplicativo.
Toque no botão Obter e aguarde o download e a instalação do aplicativo.
Depois que o aplicativo estiver instalado, toque no botão Abrir ou encontre o ícone do aplicativo na tela inicial ou na gaveta de aplicativos.
Como executar seu aplicativo React Native com Expo Go
Depois de instalar o Expo Go no seu dispositivo, você pode executar seu aplicativo React Native com ele. Existem duas maneiras de fazer isso: usando o código QR ou usando URL.
Usando o código QR
Esta é a maneira mais fácil e rápida de executar seu aplicativo com o Expo Go. Você só precisa digitalizar o código QR gerado pelo Expo CLI ou EAS Update com a câmera do seu dispositivo. Aqui estão as etapas para fazer isso:
Certifique-se de que seu dispositivo e seu computador estejam na mesma rede Wi-Fi.
Abra um terminal ou prompt de comando em seu computador e navegue até a pasta onde seu projeto React Native está localizado.
Correr início da exposição ou atualização fácil dependendo se você deseja usar Expo CLI ou EAS Update.
Você verá um código QR exibido no seu terminal ou na janela do navegador. Você também pode pressionar s para enviar o código QR para o seu e-mail ou número de telefone.
Abra o Expo Go no seu dispositivo e toque no botão Digitalizar código QR na parte inferior da tela.
Aponte a câmera do seu dispositivo para o código QR e aguarde a digitalização.
Seu aplicativo começará a ser executado em seu dispositivo e você verá o nome e o ícone do aplicativo na parte superior da tela.
Usando URL
Essa é outra maneira de executar seu aplicativo com o Expo Go. Você só precisa inserir a URL do seu aplicativo servido pelo Expo CLI ou EAS Update. Aqui estão as etapas para fazer isso:
Certifique-se de que seu dispositivo e seu computador estejam na mesma rede Wi-Fi.
Abra um terminal ou prompt de comando em seu computador e navegue até a pasta onde seu projeto React Native está localizado.
Correr início da exposição ou atualização fácil dependendo se você deseja usar Expo CLI ou EAS Update.
Você verá uma URL exibida no terminal ou na janela do navegador. Será algo como exp://192.168.1.100:19000.
Abra o Expo Go no seu dispositivo e toque no botão Inserir um URL na parte inferior da tela.
Digite ou cole o URL do seu aplicativo e toque em Ir.
Seu aplicativo começará a ser executado em seu dispositivo e você verá o nome e o ícone do aplicativo na parte superior da tela.
Como publicar e compartilhar seu aplicativo React Native com Expo Go
Se você deseja compartilhar seu aplicativo React Native com outros usuários, pode publicá-lo com o Expo Go. Isso criará um URL que qualquer pessoa pode abrir com o Expo Go. Existem duas maneiras de publicar seu aplicativo: usando o EAS Update ou usando o Expo Snack.
Usando a atualização EAS
O EAS Update é um serviço que permite que você forneça atualizações para seu aplicativo pelo ar. Você pode usá-lo para publicar seu aplicativo e compartilhá-lo com outros usuários. Aqui estão as etapas para fazer isso:
Crie uma conta na [Expo] se ainda não tiver uma.
Entre na sua conta e crie um novo projeto ou selecione um existente.
Abra um terminal ou prompt de comando em seu computador e navegue até a pasta onde seu projeto React Native está localizado.
Correr login fácil e insira suas credenciais.
Correr eas build --profile development --platform all. Isso criará seu aplicativo para as plataformas Android e iOS e fará o upload para os servidores EAS Update.
Você verá uma URL exibida em seu terminal que se parece com eas://@nome de usuário/nome do projeto. Você também pode pressionar s para enviar o URL para o seu e-mail ou número de telefone.
Você pode compartilhar este URL com qualquer pessoa que tenha o Expo Go instalado em seu dispositivo. Eles podem abri-lo com o Expo Go e executar seu aplicativo.
Usando Expo Snack
[Expo Snack] é uma ferramenta online que permite criar e executar aplicativos React Native no navegador. Você pode usá-lo para publicar seu aplicativo e compartilhá-lo com outros usuários. Aqui estão as etapas para fazer isso:
Crie uma conta na [Expo] se ainda não tiver uma.
Entre na sua conta e vá para [Expo Lanche].
Crie um novo lanche ou abra um já existente.
Copie e cole seu código React Native no editor ou carregue seus arquivos de projeto.
Clique no botão Salvar e dê um nome e uma descrição ao seu lanche.
Você verá um URL exibido no canto superior direito da tela que se parece com algo como lanche.expo.dev/@username/projectname.
Você pode compartilhar este URL com qualquer pessoa que tenha o Expo Go instalado em seu dispositivo. Eles podem abri-lo com o Expo Go e executar seu aplicativo.
Como personalizar seu aplicativo React Native com Expo Go
Se você deseja personalizar seu aplicativo React Native com o Expo Go, pode usar duas ferramentas: configuração do aplicativo e Expo SDK. A configuração do aplicativo é um arquivo que contém informações sobre seu aplicativo, como nome, ícone, tela inicial, permissões etc. Expo SDK é um conjunto de bibliotecas que fornecem acesso a APIs e funcionalidades nativas, como câmera, mapas, notificações etc.
Usando a configuração do aplicativo
App config é um arquivo chamado app.json ou app.config.js que está localizado na pasta raiz do seu projeto React Native. Ele contém um objeto JSON que define várias propriedades do seu aplicativo. Você pode usá-lo para personalizar seu aplicativo com o Expo Go. Aqui estão alguns exemplos do que você pode fazer com a configuração do aplicativo:
Você pode alterar o nome e o ícone do seu aplicativo editando o nome e ícone propriedades sob o exposição chave.
Você pode alterar a tela inicial do seu aplicativo editando o respingo propriedade sob o exposição chave.
Você pode alterar a orientação do seu aplicativo editando o orientação propriedade sob o exposição chave.
Você pode alterar as permissões do seu aplicativo editando o permissões propriedade sob o exposição chave.
Você pode alterar as configurações específicas da plataforma do seu aplicativo editando o andróide, ios, ou rede propriedades sob o exposição chave.
Você pode encontrar mais informações sobre a configuração do aplicativo e suas propriedades em [esta página].
Usando Expo SDK
[Expo SDK] é um conjunto de bibliotecas que fornecem acesso a APIs e funcionalidades nativas. Você pode usá-lo para personalizar seu aplicativo com o Expo Go. Aqui estão alguns exemplos do que você pode fazer com Expo SDK:
Você pode usar o módulo [Camera] para acessar a câmera do dispositivo e tirar fotos ou vídeos.
Você pode usar o módulo [Maps] para exibir mapas e marcadores interativos em seu aplicativo.
Você pode usar o módulo [Notificações] para enviar e receber notificações push em seu dispositivo.
Você pode usar o módulo [Biblioteca de mídia] para acessar e gerenciar os arquivos de mídia em seu dispositivo.
Você pode usar o módulo [Sensores] para acessar e monitorar os sensores do dispositivo, como acelerômetro, giroscópio, magnetômetro, etc.
Você pode encontrar mais informações sobre Expo SDK e seus módulos em [esta página].
Conclusão
Neste artigo, mostramos como baixar o Expo Go, executar seu aplicativo React Native com ele, publicar e compartilhar seu aplicativo e personalizar seu aplicativo com o Expo Go. Esperamos que você tenha achado este artigo útil e informativo. Se você tiver alguma dúvida ou feedback, sinta-se à vontade para deixar um comentário abaixo. Codificação feliz!
perguntas frequentes
O que é React Native?
[React Native] é uma estrutura para criar aplicativos nativos usando React, uma biblioteca JavaScript para criar interfaces de usuário. Ele permite que você use a mesma base de código para as plataformas Android e iOS, economizando tempo e recursos.
O que é a Expo?
[Expo] é uma plataforma para criar e executar aplicativos React Native. Ele fornece várias ferramentas e serviços que tornam o desenvolvimento mais fácil e rápido, como Expo CLI, EAS Update, Expo Snack, Expo SDK, etc.
Qual é a diferença entre Expo Go e Expo Build?
[Expo Go] é um cliente de desenvolvimento que permite que você teste seus aplicativos React Native em seu dispositivo sem construir nada localmente. [Expo Build] é um serviço que permite criar binários autônomos (arquivos APK ou IPA) para seus aplicativos React Native que podem ser distribuídos por meio de lojas de aplicativos ou outros canais. A Expo Go é para fins de desenvolvimento e teste, enquanto a Expo Build é para fins de produção e distribuição.
Como posso depurar meu aplicativo React Native com o Expo Go?
Você pode depurar seu aplicativo React Native com Expo Go usando várias ferramentas e métodos. Alguns deles são:
Você pode usar o menu do desenvolvedor, que pode ser acessado agitando o dispositivo ou pressionando Ctrl + M no Android ou Cmd + D no iOS. Ele fornece acesso a várias ferramentas, como depuração, monitoramento de desempenho, inspetor de elementos e muito mais.
Você pode usar o [React Native Debugger], que é um aplicativo independente que integra as ferramentas do desenvolvedor do Chrome e o Redux DevTools. Ele permite que você inspecione o estado do aplicativo, solicitações de rede, logs do console, pontos de interrupção, etc.
Você pode usar o [Flipper], que é uma plataforma para depurar aplicativos móveis. Ele permite que você inspecione o layout do aplicativo, solicitações de rede, logs nativos, bancos de dados, preferências, etc.
Você pode usar o [Expo DevTools], que é uma interface da Web executada em seu navegador. Ele permite que você visualize os logs, recarregue o aplicativo, alterne o modo do dispositivo etc.
Como posso atualizar meu aplicativo React Native com o Expo Go?
Você pode atualizar seu aplicativo React Native com Expo Go usando o EAS Update, um serviço que permite que você forneça atualizações para seu aplicativo pelo ar. Você pode usá-lo para publicar novas versões do seu aplicativo e enviá-las aos seus usuários sem passar pelas lojas de aplicativos. Aqui estão as etapas para fazer isso:
Abra um terminal ou prompt de comando em seu computador e navegue até a pasta onde seu projeto React Native está localizado.
Correr login fácil e insira suas credenciais.
Correr eas build --profile development --platform all. Isso criará seu aplicativo para as plataformas Android e iOS e fará o upload para os servidores EAS Update.
Correr eas update --profile development --platform all. Isso publicará uma nova atualização para seu aplicativo e notificará seus usuários.
Seus usuários receberão a atualização automaticamente ou manualmente, dependendo de suas configurações. Eles também podem verificar se há atualizações agitando o dispositivo ou pressionando Ctrl + M no Android ou Cmd + D no iOS e tocando em Verificar se há atualizações.
0517a86e26
Kommentare