Para criar ou visualizar um aplicativo iOS nativo, use o Project Editor em replit.com. O trabalho com aplicativos mobile nativos também está disponível no aplicativo Replit para Android onde suportado.
Primeiros passos
Você pode chegar a um aplicativo mobile funcional em poucos passos:Crie um aplicativo mobile
Na tela inicial do Replit, descreva sua ideia de aplicativo e selecione Mobile app como o tipo de aplicativo.
Teste seu aplicativo
Você tem duas formas de visualizar um aplicativo mobile enquanto cria:
- No Project Editor: No seletor de dispositivo do painel de Visualização, escolha iOS Simulator ou Android Emulator. Um simulador real é transmitido para o Project Editor para que você possa interagir sem sair do Replit. Não é necessário Xcode ou Android Studio.
- Em um telefone real com o Expo Go: Instale o Expo Go no seu iPhone ou dispositivo Android. No Project Editor, selecione Open in Expo Go no painel de Visualização e escaneie o QR code.
Visualização em um simulador ou emulador
O Replit permite executar e testar seus aplicativos mobile no seu telefone usando o Expo. Como alternativa, o Replit transmite um iOS Simulator ou Android Emulator real diretamente para o painel de Visualização. As alterações feitas com o Agent são recarregadas a quente no simulador, assim como em um dispositivo real.As visualizações do iOS Simulator e Android Emulator estão disponíveis para construtores nos planos Core, Pro e Enterprise. Apenas para aplicativos mobile — a opção fica oculta em projetos somente web.
Como abrir um simulador
Escolha seu dispositivo
No seletor de dispositivo do painel de Visualização no topo, escolha iOS Simulator ou Android Emulator. O simulador inicializa no lugar da visualização web.
Suporte a navegadores
- Chrome, Safari e navegadores baseados em Chromium são totalmente suportados.
- Firefox não é suportado. As opções de iOS e Android aparecem desativadas com uma nota “Firefox not supported” quando você abre o Replit no Firefox. Esta é uma limitação da tecnologia de streaming que alimenta o simulador.
Quando usar o Expo Go em vez disso
Use o Expo Go em um telefone real quando precisar testar recursos que dependem de hardware real ou quando quiser compartilhar uma visualização com alguém que não está no seu computador:- Câmera, microfone, hápticos ou outros sensores nativos
- Notificações push
- Localização GPS real
- Compartilhamento de uma visualização de desenvolvimento com um colega de equipe, testador ou investidor
Simulador em tela cheia
Em um card de artefato mobile, selecione More actions → Open in iOS Simulator ou Open in Android Emulator para abrir o simulador em sua própria aba para uma área de visualização maior.Por que criar um aplicativo mobile?
Crie um aplicativo mobile quando quiser:- Uma experiência nativa: Desempenho rápido, interações suaves e UI nativa da plataforma.
- Recursos do dispositivo: Câmera, notificações push, localização e muito mais.
- Distribuição na App Store: Uma listagem compartilhável que as pessoas podem descobrir e instalar após o processo de Revisão de App da Apple.
Recursos principais
- Criação com IA em primeiro lugar: Descreva seu aplicativo e o Agent cria um aplicativo mobile funcional.
- Visualização no Project Editor: Teste em um iOS Simulator ou Android Emulator sem sair do Replit, ou visualize no seu telefone com o Expo Go.
- Full-stack por padrão: Adicione rotas de servidor, um Banco de Dados, App Storage, Conectores e integrações de IA conforme seu aplicativo cresce.
- Envio guiado: Prepare builds para TestFlight e envio para a App Store sem gerenciar cadeias de ferramentas iOS locais.
Fluxo de trabalho de desenvolvimento
Há três estágios para acessar seu aplicativo, cada um com diferentes públicos e capacidades:| Estágio | Quem pode acessar | Como acessar | Melhor para |
|---|---|---|---|
| Desenvolvimento | Você | Simulador do Project Editor ou QR code para o Expo Go | Criação e iteração |
| Implantação | Testadores com o Expo Go | URL pública com QR code | Visualizações de desenvolvimento, prototipagem e demonstrações |
| App Store | Qualquer pessoa | Download na App Store após Revisão de App | Lançamento para produção |
Visão geral de publicação
Quando você prepara um lançamento iOS, o fluxo normalmente segue:- Publicar a partir do Project Editor
- Enviar um build para o TestFlight
- Promover um build do TestFlight para a App Store no App Store Connect
Para enviar builds para o TestFlight e a App Store, a Apple requer uma assinatura no Apple Developer Program.
Onde criar aplicativos mobile nativos
Seu ambiente Replit é executado na nuvem, não na sua máquina local. Para criar um aplicativo mobile nativo, use o Project Editor em replit.com. O fluxo de trabalho de aplicativo mobile — criação com o Agent, visualizações com o Expo Go, testes em simulador e emulador, builds para TestFlight e envio para a App Store — é executado no Project Editor. O trabalho com aplicativos mobile nativos também está disponível no aplicativo Replit para Android onde suportado. Se você estiver usando o aplicativo Replit para iOS, abra o projeto em replit.com para criar, visualizar, compilar ou enviar aplicativos mobile nativos.Como a tecnologia funciona
Seu aplicativo mobile é construído com uma pilha de tecnologias que funcionam juntas. Esta seção explica o que alimenta seu aplicativo e como as peças se encaixam.A pilha de tecnologia
- React Native é um framework de código aberto que permite escrever um único código-fonte e compilá-lo para iOS, Android e web. Ele renderiza componentes de UI nativos da plataforma, não uma webview.
- Expo simplifica o desenvolvimento com React Native gerenciando builds, módulos nativos e fornecendo ferramentas como o Expo Go para visualizações.
- Expo Go é um aplicativo gratuito que você instala no seu telefone. Ele executa a visualização de desenvolvimento para que você possa testar em um dispositivo real sem criar um binário nativo completo.
Arquitetura: servidor e cliente
Quando você prepara um aplicativo mobile para visualização ou distribuição, você está trabalhando com duas coisas:- Um servidor que é executado no Replit na nuvem. Ele gerencia seu banco de dados, rotas de API, integrações de IA e lógica de backend.
- Um aplicativo cliente que é executado no telefone de uma pessoa. Este é o aplicativo nativo visualizado no Expo Go durante o desenvolvimento ou distribuído por meio de lojas de aplicativos após revisão.
Considerações
- Requisitos de publicação: A Apple define os requisitos para TestFlight e App Store, e revisa os aplicativos iOS antes da distribuição.
- Publicação para Android: Você pode criar aplicativos multiplataforma para iOS e Android. A publicação no Google Play ainda não é suportada por meio de uma experiência guiada, mas pode ser feita manualmente.
- Alterações nativas: Alterações como ícones de aplicativo ou permissões geralmente requerem um novo build para a loja.
Solução de problemas
Se você encontrar problemas ao desenvolver seu aplicativo mobile, consulte Solução de problemas de aplicativo mobile para problemas comuns e soluções.Próximos passos
- Saiba como o Agent funciona: Agent
- Explore integrações: Integrações
- Use o Replit no mobile: Aplicativo Mobile Replit
- Leia mais sobre o Expo: Expo
- Gerencie o TestFlight e envios: App Store Connect
Perguntas frequentes
O que é o Expo?
O que é o Expo?
O Expo é o que o Agent usa para criar seu aplicativo mobile no Replit. É uma plataforma e cadeia de ferramentas de código aberto para criar, executar e implantar aplicativos nativos multiplataforma com React Native. Saiba mais em https://expo.dev.
O que é React Native?
O que é React Native?
React Native é um framework de código aberto da Meta para criar aplicativos iOS e Android nativos usando React e JavaScript ou TypeScript. Ele renderiza componentes de UI nativos da plataforma (não uma webview), então seu aplicativo parece e funciona de forma nativa.
O que é o Expo Go?
O que é o Expo Go?
O Expo Go é um aplicativo gratuito que você instala no seu telefone pela App Store ou Google Play. Ele permite visualizar seu aplicativo mobile durante o desenvolvimento sem criar um binário nativo completo. Quando você escaneia o QR code no Project Editor, o Expo Go baixa e executa o código do seu aplicativo.
Qual é a diferença entre o Expo Go e um dev build?
Qual é a diferença entre o Expo Go e um dev build?
Expo Go é um aplicativo pré-construído que executa seu código. É rápido de configurar, mas suporta apenas módulos incluídos no Expo SDK.Dev builds são binários nativos personalizados que podem incluir qualquer módulo nativo. Eles requerem mais configuração (EAS Build ou Xcode/Android Studio local), mas oferecem mais flexibilidade.O Replit usa o Expo Go para visualizações de desenvolvimento. Se você precisar de módulos nativos não suportados no Expo Go, pode precisar explorar dev builds por meio da documentação do Expo.
Como isso é diferente de um aplicativo web responsivo para mobile?
Como isso é diferente de um aplicativo web responsivo para mobile?
Um aplicativo web responsivo para mobile é um site que adapta seu layout no navegador. Um aplicativo React Native é um aplicativo nativo instalado no dispositivo que usa APIs da plataforma (câmera, hápticos, notificações push), oferece melhor acesso ao hardware e capacidades offline, e é distribuído por lojas de aplicativos. Web responsiva pode ser ótima para alcance e instalação zero; nativo é melhor quando você precisa de recursos do dispositivo, desempenho ou distribuição na App Store.
Preciso de um Mac ou Xcode?
Preciso de um Mac ou Xcode?
Não. O Replit e o Expo gerenciam o processo de build para você na nuvem.
Posso visualizar sem uma conta Apple Developer?
Posso visualizar sem uma conta Apple Developer?
Sim. Você pode visualizar no iOS Simulator do Project Editor ou com o Expo Go no seu telefone. Você só precisa de uma conta Apple Developer quando estiver pronto para enviar para o TestFlight ou App Store.
O Android é suportado?
O Android é suportado?
Sim. Você pode criar aplicativos multiplataforma para iOS e Android a partir do mesmo código-fonte. Visualize em um Android Emulator no Project Editor ou em um dispositivo Android com o Expo Go. A publicação no Google Play pode ser feita manualmente.
E quanto a servidores e bancos de dados?
E quanto a servidores e bancos de dados?
Use o PostgreSQL integrado do Replit, Object Storage, Conectores e integrações de IA — sem infraestrutura separada necessária. Seu servidor é executado no Replit e seu aplicativo mobile se conecta a ele.
Devo testar no simulador do Project Editor ou em um telefone real?
Devo testar no simulador do Project Editor ou em um telefone real?
Use os dois em momentos diferentes. O iOS Simulator e o Android Emulator no Project Editor mostram a versão nativa do seu aplicativo e cobrem a maioria dos testes do dia a dia — layout, navegação, componentes nativos e estilos da plataforma. Mude para um telefone real com o Expo Go quando precisar testar recursos que dependem de hardware real, como câmera, hápticos, notificações push ou localização GPS.