Os aplicativos são os novos sites, e todos deveriam ser capazes de criá-los. Ao combinar o ambiente de desenvolvimento baseado em navegador do Replit com o Expo, a criação de aplicativos mobile agora é tão simples quanto criar um site.Documentation Index
Fetch the complete documentation index at: https://docs.replit.com/llms.txt
Use this file to discover all available pages before exploring further.
Este tutorial vai guiá-lo pela criação de um aplicativo mobile usando o Replit e o Expo no Editor de projeto em replit.com, desde a configuração do seu ambiente até a pré-visualização do seu aplicativo no seu dispositivo.
Parte 1: Crie um aplicativo mobile em cinco minutos
Aprenda como criar um aplicativo nativo para iPhone/Android usando o Replit e o Expo em apenas cinco minutos — perfeito para iniciantes.Primeiros passos com o Replit e o Expo
Pré-requisitos
Antes de começar, você precisará de:
- Uma conta no Replit (gratuita)
- Aplicativo Expo Go instalado no seu dispositivo mobile
- Uma conta Expo EAS (gratuita)
- Uma conta de Desenvolvedor da Apple (US$ 99/ano) para iOS
- Uma conta de Desenvolvedor do Google Play (US$ 25 único) para Android
Faça remix do template
Comece visitando o Template Expo no Replit e selecione “Remix” para criar sua própria cópia. Isso cria uma cópia completa do template na sua conta do Replit, incluindo todos os arquivos, configurações e dependências.
Execute o template
Selecione o botão “Executar” no Editor de projeto. O Console exibirá um QR code que conecta o aplicativo Expo Go ao seu projeto do Replit.
A democratização do desenvolvimento mobile por meio do Replit e do Expo torna a criação de aplicativos acessível a todos, não apenas a desenvolvedores profissionais.
Personalizando seu aplicativo com o Agent
Escolha sua ferramenta de IA
Use o Agent para criar seu aplicativo Expo:
- Modo Build: Melhor para recursos complexos e mudanças grandes. O template Expo usa o Agent Geral, que suporta qualquer framework.
- Modo Lite: Melhor para mudanças menores e explicações de código.
- Modo Plan: Melhor para planejamento e brainstorming.
Use linguagem natural para criar seu aplicativo
Descreva o que você quer que seu aplicativo faça em linguagem natural. Por exemplo, você pode perguntar: “Crie um aplicativo que me mostra uma imagem aleatória de um gato sempre que pressiono um botão.”
Itere no Editor de projeto
Continue desenvolvendo seu aplicativo mobile nativo no Editor de projeto em replit.com. Salve suas mudanças e recarregue o Expo Go para pré-visualizar as atualizações no seu celular.
Parte 2: Pré-visualize seu aplicativo mobile
Aprenda como criar uma build de pré-visualização iOS para seu aplicativo Expo no Replit.Crie uma build de pré-visualização para seu dispositivo
Embora este guia se concentre na implantação para iOS, as mesmas etapas do Replit e do Expo se aplicam ao desenvolvimento Android. Para Android, siga o guia de implantação Android do Expo e o processo do Google Play Console.
Pré-requisitos
Antes de criar uma build de pré-visualização iOS, você precisará de:
- Seu aplicativo Replit da Parte 1
- Uma conta de Desenvolvedor da Apple (US$ 99/ano) para builds de pré-visualização iOS e envio à App Store
- Um iPhone (para implantação iOS)
- Uma conta Expo
Inicialize o EAS
O EAS (Expo Application Services) atua como interface entre sua build e o Expo, bem como com a App Store.
- Pare seu aplicativo se estiver em execução
- No menu suspenso do Editor de projeto, selecione “EAS init”
- Faça login na sua conta Expo quando solicitado
- Crie um novo projeto ou selecione um existente
Execute a atualização do EAS
Esta etapa de inicialização ajuda a configurar seu projeto e vinculá-lo à sua conta de Desenvolvedor da Apple.
- No menu suspenso, selecione “EAS update”
- Aguarde o Metro bundler iniciar e concluir o processo de exportação
Build para iOS
Agora é hora de criar uma build de pré-visualização para seu dispositivo iOS.
- No menu suspenso, selecione “EAS publish preview iOS”
- Insira um identificador de pacote iOS (ex.: com.seunome.seunomedeapp)
- Faça login na sua conta do App Store Connect quando solicitado
- Selecione sua equipe de desenvolvedor individual
- Gere os certificados de distribuição do dispositivo quando solicitado
Registre seu dispositivo
Para instalar aplicativos de desenvolvimento no seu iPhone, você precisa registrar seu dispositivo.
- Quando solicitado, selecione “website” para registrar seu dispositivo
- Escaneie o QR code que aparece com seu iPhone
- Baixe o perfil de desenvolvimento quando solicitado
- Vá para Configurações no seu iPhone
- Selecione “Perfil baixado” no topo
- Instale o perfil e insira sua senha quando solicitado
- Volte para o Editor de projeto e pressione qualquer tecla para continuar
Aguarde a build
O Expo agora criará seu aplicativo, o que leva cerca de 10 a 15 minutos dependendo da complexidade do seu aplicativo.
- A build será enfileirada
- Você pode verificar o progresso no seu painel do Expo na aba “Builds”
- Quando concluída, um novo QR code aparecerá para instalar o aplicativo
Instale a build de pré-visualização no seu dispositivo
Quando a build de pré-visualização estiver concluída, instale-a no seu iPhone.
- Escaneie o QR code de instalação com seu iPhone
- Selecione “Instalar” quando solicitado
- A build de pré-visualização começará a ser instalada na sua tela inicial
Habilite o modo de desenvolvedor
Antes de abrir o aplicativo, você precisa habilitar o modo de desenvolvedor no seu iPhone.
- Vá para Configurações > Privacidade e Segurança
- Role até o final e encontre “Modo de Desenvolvedor”
- Ative-o
- Reinicie o dispositivo quando solicitado
- Após reiniciar, você pode abrir e testar sua build de pré-visualização.
O que você realizou
Seguindo este tutorial, agora você tem uma build de pré-visualização iOS instalada no seu dispositivo para testes de desenvolvimento. A maioria dos desenvolvedores precisaria de dias ou semanas para conseguir isso, mas você fez em cerca de uma hora.Próximos passos
Próximos passos
Após concluir este tutorial, você pode:
- Continuar refinando seu aplicativo com mais recursos
- Adicionar autenticação e armazenamento de dados
- Implementar recursos nativos do dispositivo como câmera ou localização
- Enviar seu aplicativo para a App Store para distribuição pública
- Criar uma versão Android usando etapas semelhantes
Problemas comuns e soluções
O aplicativo não conecta ao Expo Go
O aplicativo não conecta ao Expo Go
- Certifique-se de que seu celular e computador estão na mesma rede Wi-Fi
- Tente usar o modo de conexão “Tunnel” em vez de “LAN”
- Verifique se seu firewall está bloqueando conexões
- Consulte o guia de solução de problemas do Expo
Mudanças não refletem no aplicativo
Mudanças não refletem no aplicativo
- Tente recarregar o aplicativo (agite o dispositivo e selecione “Recarregar”)
- Certifique-se de ter salvo suas mudanças no Editor de projeto
- Verifique o Console para quaisquer erros
- Revise a documentação do modo de desenvolvimento do Expo
A build falha no EAS
A build falha no EAS
- Verifique sua configuração do app.json
- Verifique se todas as dependências são compatíveis
- Certifique-se de ter as permissões corretas configuradas
- Revise quaisquer mensagens de erro nos logs de build
- Consulte a solução de problemas do EAS Build
Conclusão
Com o Replit e o Expo, criar aplicativos mobile nunca foi tão fácil ou rápido. Você pode ir de uma ideia a uma pré-visualização mobile nativa funcional em questão de horas, não semanas ou meses. A combinação de desenvolvimento baseado em navegador e um framework mobile multiplataforma remove as barreiras tradicionais de entrada para o desenvolvimento mobile.Para informações mais detalhadas, confira: