Saltar para o conteúdo principal

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.

App mobile rodando no preview do Editor de Projeto do Replit com o painel Preview no dispositivo e código QR
Crie apps para iOS e Android com o Agent, visualize-os no seu telefone e prepare builds por meio de um fluxo guiado.
Para criar ou visualizar um app iOS nativo, use o Editor de Projeto em replit.com. O trabalho com apps mobile nativos também está disponível no app Android do Replit onde suportado.

​
Começando

Você pode chegar a um app mobile funcional em alguns passos:
1

Crie um app mobile

Na tela inicial do Replit, descreva sua ideia de app e selecione App mobile como o tipo de app.
Tela inicial do Replit com o prompt e App mobile selecionado como tipo de app
2

Teste seu app

Você tem duas formas de visualizar um app mobile enquanto o cria:
  • No Editor de Projeto: No seletor de dispositivo do painel Preview, escolha Simulador iOS ou Emulador Android. Um simulador real transmite para o Editor de Projeto 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 Editor de Projeto, selecione Abrir no Expo Go no painel Preview e escaneie o código QR.
Editor de Projeto do Replit mostrando o preview do app e a opção Preview no dispositivo mobile
3

Itere com o Agent

Peça ao Agent para adicionar funcionalidades, conectar fontes de dados ou integrar serviços. Continue testando no simulador ou no seu telefone enquanto itera.
O Simulador iOS e o Emulador Android do Editor de Projeto mostram a versão nativa do seu app, incluindo estilo específico de plataforma e a maioria dos componentes nativos. Para funcionalidades que dependem de hardware real — haptics, câmera, notificações push ou localização — teste em um telefone real com o Expo Go.

​
Preview em um simulador ou emulador

O Replit permite executar e testar seus apps mobile no seu telefone usando o Expo. Alternativamente, o Replit transmite um Simulador iOS ou Emulador Android real diretamente no painel Preview. As mudanças que você faz com o Agent são recarregadas automaticamente no simulador, assim como em um dispositivo real.
Os previews do Simulador iOS e Emulador Android estão disponíveis para usuários dos planos Core, Pro e Enterprise. Somente para apps mobile — a opção fica oculta para projetos apenas web.

​
Como abrir um simulador

1

Abra seu projeto mobile

Abra um projeto que tenha um artefato mobile.
2

Escolha seu dispositivo

No seletor de dispositivo do painel Preview no topo, escolha Simulador iOS ou Emulador Android. O simulador inicia no lugar do preview web.
3

Interaja como em um dispositivo real

Toque, deslize, digite e navegue usando seu mouse e teclado. Selecione Reiniciar na barra de ferramentas para recarregar o app sem reiniciar o simulador.
O simulador roda na nuvem e transmite para o seu navegador, então não há nada para baixar e nada para configurar. Os arquivos do seu projeto ficam no Replit.

​
Suporte de navegadores

  • Chrome, Safari e navegadores baseados em Chromium são totalmente suportados.
  • Firefox não é suportado. As opções iOS e Android aparecem desabilitadas com uma nota “Firefox não suportado” quando você abre o Replit no Firefox. Isso é 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 funcionalidades que dependem de hardware real ou quando quiser compartilhar um preview com alguém que não está no seu computador:
  • Câmera, microfone, haptics ou outros sensores nativos
  • Notificações push
  • Localização GPS real
  • Compartilhar um preview de desenvolvimento com um colega de equipe, testador ou investidor
Para abrir seu app no Expo Go, abra o projeto em replit.com, selecione Abrir no Expo Go no painel Preview do Editor de Projeto e escaneie o código QR com o app Expo Go no seu telefone.

​
Simulador em tela cheia

Em um card de artefato mobile, selecione Mais ações → Abrir no Simulador iOS ou Abrir no Emulador Android para abrir o simulador em sua própria aba para uma viewport maior.

​
Por que criar um app mobile?

Crie um app mobile quando quiser:
  • Uma experiência nativa: Desempenho rápido, interações suaves e UI nativa da plataforma.
  • Capacidades 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 da App da Apple.

​
Principais funcionalidades

  • Criação com IA em primeiro lugar: Descreva seu app e o Agent cria um app mobile funcional.
  • Preview no Editor de Projeto: Teste em um Simulador iOS ou Emulador Android 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, Armazenamento de App, Conectores e integrações de IA conforme seu app cresce.
  • Envio guiado: Prepare builds para o TestFlight e envio à App Store sem gerenciar toolchains iOS locais.

​
Fluxo de desenvolvimento

Há três estágios para acessar seu app, cada um com diferentes públicos e capacidades:
EstágioQuem pode acessarComo acessarIdeal para
DesenvolvimentoVocêSimulador no Editor de Projeto, ou código QR para o Expo GoCriar e iterar
DeployTestadores com Expo GoURL pública com código QRPreviews de desenvolvimento, prototipagem e demos
App StoreQualquer pessoaDownload na App Store após Revisão da AppLançamento em produção
Desenvolvimento: Quando você inicia seu app, pode visualizá-lo no Simulador iOS ou Emulador Android do Editor de Projeto, ou escanear um código QR do painel Preview para abri-lo no Expo Go no seu telefone. Deploy: Quando você clica em Publicar, o Replit cria uma URL pública com um código QR para o Expo Go. Isso é ideal para previews de desenvolvimento e prototipagem — mostre para investidores, colete feedback ou teste com amigos antes de se comprometer com o processo da App Store. App Store: Quando você envia para a App Store, a Apple revisa seu app. Após a aprovação, as pessoas podem baixar e instalar na App Store. Isso requer uma conta de Apple Developer.

​
Visão geral de publicação

Quando você prepara um lançamento para iOS, o fluxo geralmente é:
  • Publicar pelo Editor de Projeto
  • Enviar um build para o TestFlight
  • Promover um build do TestFlight para a App Store no App Store Connect
Para enviar builds ao TestFlight e à App Store, a Apple exige uma associação ao Apple Developer Program.
Para um passo a passo completo, veja o tutorial Criar e lançar um app mobile.

​
Onde criar apps mobile nativos

Seu ambiente Replit roda na nuvem, não na sua máquina local. Para criar um app mobile nativo, use o Editor de Projeto em replit.com. O fluxo de trabalho de app mobile — scaffolding do Agent, previews com Expo Go, testes em simulador e emulador, builds do TestFlight e envio à App Store — roda no Editor de Projeto. O trabalho com apps mobile nativos também está disponível no app Android do Replit onde suportado. Se você estiver usando o app iOS do Replit, abra o projeto em replit.com para criar, visualizar, construir ou enviar apps mobile nativos.

​
Como a tecnologia funciona

Seu app mobile é construído com uma pilha de tecnologias que trabalham juntas. Esta seção explica o que alimenta seu app e como as peças se encaixam.

​
A pilha de tecnologias

  • React Native é um framework open-source que permite escrever uma única base de código e compilá-la para iOS, Android e web. Ele renderiza componentes de UI nativos da plataforma, não uma webview.
  • Expo simplifica o desenvolvimento com React Native ao cuidar de builds, gerenciar módulos nativos e fornecer ferramentas como o Expo Go para previews.
  • Expo Go é um app gratuito que você instala no seu telefone. Ele executa o preview de desenvolvimento para que você possa testar em um dispositivo real sem criar um binário nativo completo.
Quando você executa seu app, o Metro bundler compila seu código e o envia para seu dispositivo. O primeiro build demora mais porque não há cache. Os builds subsequentes são mais rápidos.

​
Arquitetura: servidor e cliente

Quando você prepara um app mobile para preview ou distribuição, está trabalhando com duas coisas:
  1. Um servidor que roda no Replit na nuvem. Este cuida do seu banco de dados, rotas de API, integrações de IA e lógica de backend.
  2. Um app cliente que roda no telefone de uma pessoa. Este é o app nativo visualizado no Expo Go durante o desenvolvimento ou distribuído pelas lojas de apps após revisão.
Essa separação oferece flexibilidade. Você pode executar lógica complexa no servidor (onde você tem acesso ao Banco de Dados do Replit, Armazenamento de Objetos e Conectores) e manter o cliente leve. Ao criar, pense no que deve acontecer no telefone versus o que deve acontecer na nuvem.

​
Considerações

  • Requisitos de publicação: A Apple define os requisitos para o TestFlight e a App Store, e a Apple revisa os apps iOS antes da distribuição.
  • Publicação no Android: Você pode criar apps 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 realizada manualmente.
  • Mudanças nativas: Mudanças como ícones de app ou permissões geralmente requerem um novo build da loja.

​
Solução de problemas

Se você encontrar problemas ao desenvolver seu app mobile, veja Solução de problemas de apps mobile para problemas comuns e soluções.

​
Próximos passos

​
Perguntas frequentes

O Expo é o que o Agent usa para criar seu app mobile no Replit. É uma plataforma e toolchain open-source para criar, executar e implantar apps nativos multiplataforma com React Native. Saiba mais em https://expo.dev.
React Native é um framework open-source da Meta para criar apps 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 app parece e funciona de forma nativa.
O Expo Go é um app gratuito que você instala no seu telefone pela App Store ou Google Play. Ele permite visualizar seu app mobile durante o desenvolvimento sem criar um binário nativo completo. Quando você escaneia o código QR no Editor de Projeto, o Expo Go baixa e executa o código do seu app.
Expo Go é um app pré-criado que executa seu código. É rápido de configurar, mas só suporta módulos incluídos no SDK do Expo.Dev builds são binários nativos personalizados que podem incluir qualquer módulo nativo. Requerem mais configuração (EAS Build ou Xcode/Android Studio local), mas oferecem mais flexibilidade.O Replit usa o Expo Go para previews de desenvolvimento. Se você precisar de módulos nativos não suportados no Expo Go, pode ser necessário explorar dev builds pela documentação do Expo.
Um web app responsivo para mobile é um site que adapta seu layout no navegador. Um app React Native é uma aplicação nativa instalada no dispositivo que usa APIs da plataforma (câmera, haptics, notificações push), oferece melhor acesso ao hardware e capacidades offline, e é distribuído pelas lojas de apps. Web responsivo pode ser ótimo para alcance e zero instalação; nativo é melhor quando você precisa de funcionalidades do dispositivo, desempenho ou distribuição na App Store.
Não. O Replit e o Expo gerenciam o processo de build para você na nuvem.
Sim. Você pode visualizar no Simulador iOS do Editor de Projeto ou com o Expo Go no seu telefone. Você só precisa de uma conta de Apple Developer quando estiver pronto para enviar ao TestFlight ou à App Store.
Sim. Você pode criar apps multiplataforma para iOS e Android a partir da mesma base de código. Visualize em um Emulador Android no Editor de Projeto ou em um dispositivo Android com o Expo Go. A publicação no Google Play pode ser feita manualmente.
Use o PostgreSQL integrado do Replit, Armazenamento de Objetos, Conectores e integrações de IA — sem infraestrutura separada necessária. Seu servidor roda no Replit e seu app mobile se conecta a ele.
Use ambos em momentos diferentes. O Simulador iOS e o Emulador Android no Editor de Projeto mostram a versão nativa do seu app e cobrem a maioria dos testes do dia a dia — layout, navegação, componentes nativos e estilo de plataforma. Mude para um telefone real com o Expo Go quando precisar testar funcionalidades que dependem de hardware real, como câmera, haptics, notificações push ou localização GPS.