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.

Mobile app running in the Replit Project Editor preview with the Preview on device panel and QR code
Crie aplicativos 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 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:
1

Crie um aplicativo mobile

Na tela inicial do Replit, descreva sua ideia de aplicativo e selecione Mobile app como o tipo de aplicativo.
Replit home screen prompt with Mobile app selected as the app type
2

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.
Replit Project Editor showing the app preview and the Preview on mobile device option
3

Itere com o Agent

Peça ao Agent para adicionar recursos, conectar fontes de dados ou integrar serviços. Continue testando no simulador ou no seu telefone enquanto itera.
O iOS Simulator e o Android Emulator do Project Editor mostram a versão nativa do seu aplicativo, incluindo estilos específicos da plataforma e a maioria dos componentes nativos. Para recursos que dependem de hardware real — hápticos, câmera, notificações push ou localização — teste em um telefone real com o Expo Go.

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

1

Abra seu projeto mobile

Abra um projeto que tenha um artefato mobile.
2

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.
3

Interaja como em um dispositivo real

Toque, deslize, digite e navegue usando seu mouse e teclado. Selecione Restart na barra de ferramentas para recarregar o aplicativo sem reiniciar o simulador.
O simulador é executado na nuvem e transmitido para o seu navegador, então não há nada para baixar e nada para configurar. Os arquivos do seu projeto permanecem no Replit.

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
Para abrir seu aplicativo no Expo Go, abra o projeto em replit.com, selecione Open in Expo Go no painel de Visualização do Project Editor e escaneie o QR code com o aplicativo Expo Go no seu telefone.

Simulador em tela cheia

Em um card de artefato mobile, selecione More actionsOpen 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ágioQuem pode acessarComo acessarMelhor para
DesenvolvimentoVocêSimulador do Project Editor ou QR code para o Expo GoCriação e iteração
ImplantaçãoTestadores com o Expo GoURL pública com QR codeVisualizações de desenvolvimento, prototipagem e demonstrações
App StoreQualquer pessoaDownload na App Store após Revisão de AppLançamento para produção
Desenvolvimento: Quando você inicia seu aplicativo, pode visualizá-lo no iOS Simulator ou Android Emulator do Project Editor, ou escanear um QR code do painel de Visualização para abri-lo no Expo Go no seu telefone. Implantação: Quando você clica em Publish, o Replit cria uma URL pública com um QR code para o Expo Go. Isso é ideal para visualizações 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 aplicativo. Após aprovação, as pessoas podem baixar e instalar da App Store. Isso requer uma conta Apple Developer.

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.
Para um guia completo, veja o tutorial Criar e lançar um aplicativo mobile.

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.
Quando você executa seu aplicativo, o bundler Metro compila seu código e o envia para o seu dispositivo. A primeira compilação demora mais porque não há cache. As compilações subsequentes são mais rápidas.

Arquitetura: servidor e cliente

Quando você prepara um aplicativo mobile para visualização ou distribuição, você está trabalhando com duas coisas:
  1. 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.
  2. 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.
Essa separação oferece flexibilidade. Você pode executar lógica complexa no servidor (onde tem acesso ao Banco de Dados, Object Storage e Conectores do Replit) e manter o cliente leve. Enquanto cria, 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 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

Perguntas frequentes

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.
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 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.
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.
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.
Não. O Replit e o Expo gerenciam o processo de build para você na nuvem.
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.
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.
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.
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.