Skip to main content
Apps são os novos sites, e todos deveriam poder criá-los. Combinando o ambiente de desenvolvimento baseado em navegador do Replit com o Expo, a criação de apps mobile ficou tão simples quanto construir um site.
Este tutorial vai guiá-lo na criação de um app mobile usando Replit e Expo no Editor de Projeto em replit.com, desde a configuração do ambiente até a visualização do app no seu dispositivo.
Assista à série de vídeos em duas partes do Replit para aprender a criar e visualizar um app mobile usando Replit e Expo.

​
Parte 1: Crie um app mobile em cinco minutos

Aprenda a criar um app nativo para iPhone/Android usando Replit e Expo em apenas cinco minutos — perfeito para iniciantes.

​
Primeiros passos com Replit e Expo

1

Pré-requisitos

Antes de começar, você vai precisar de:
  • Uma conta Replit (gratuita)
  • O app Expo Go instalado no seu dispositivo mobile
  • Uma conta Expo EAS (gratuita)
Para publicação na App Store ou Google Play depois, você vai precisar de:
2

Faça o 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 Replit, incluindo todos os arquivos, configurações e dependências.
3

Execute o Template

Selecione o botão “Run” no Editor de Projeto. O Console exibirá um QR code que conecta o app Expo Go ao seu projeto Replit.
4

Visualize no seu dispositivo

Abra o app Expo Go no seu telefone e escaneie o QR code exibido no Editor de Projeto. Isso carregará o seu app diretamente no telefone. Pode levar um ou dois minutos para o projeto compilar.
O Expo usa React Native para ajudá-lo a criar apps para iOS, Android e web a partir de uma única base de código. Isso significa que você pode criar um app uma vez e tê-lo disponível em todas as plataformas.
A democratização do desenvolvimento mobile através do Replit e Expo torna a criação de apps acessível a todos, não apenas a desenvolvedores profissionais.

​
Personalizando seu app com o Agent

1

Escolha sua ferramenta de IA

Use o Agent para construir seu app Expo:
  • Modo Build: Melhor para recursos complexos e grandes mudanças. 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.
2

Use linguagem natural para construir seu app

Descreva o que você quer que seu app faça em linguagem natural. Por exemplo, você pode pedir: “Crie um app que me mostra uma imagem aleatória de um gato toda vez que eu pressiono um botão.”
3

Itere no Editor de Projeto

Continue desenvolvendo seu app mobile nativo no Editor de Projeto em replit.com. Salve suas alterações e recarregue o Expo Go para visualizar as atualizações no seu telefone.
Quer criar um app mobile do zero com o Agent? Confira Criando Apps Mobile com Agent para aprender sobre como criar apps Expo React Native diretamente da página inicial do Replit.

​
Parte 2: Visualize seu app mobile

Aprenda a criar uma build de visualização iOS para seu app Replit Expo.

​
Crie uma build de visualização para o seu dispositivo

Embora este guia foque na implantação iOS, os mesmos passos do Replit e Expo se aplicam ao desenvolvimento Android. Para Android, siga o guia de implantação Android do Expo e o processo do Google Play Console.
1

Pré-requisitos

Antes de criar uma build de visualização iOS, você vai precisar de:
  • Seu app Replit da Parte 1
  • Uma conta Apple Developer (US$99/ano) para builds de visualização iOS e publicação na App Store
  • Um iPhone (para implantação iOS)
  • Uma conta Expo
Observação: Após configurar sua conta Apple Developer, pode ser necessário aguardar 16 a 24 horas para a Apple aprovar seu perfil.
2

Inicialize o EAS

O EAS (Expo Application Services) funciona como interface entre sua build e o Expo, além da App Store.
  1. Pare seu app se ele estiver em execução
  2. No menu suspenso do Editor de Projeto, selecione “EAS init”
  3. Faça login na sua conta Expo quando solicitado
  4. Crie um novo projeto ou selecione um existente
Este passo autentica sua aplicação com sua conta Expo.
3

Execute o EAS update

Este passo de inicialização ajuda a configurar seu projeto e vinculá-lo à sua conta Apple Developer.
  1. No menu suspenso, selecione “EAS update”
  2. Aguarde o Metro bundler iniciar e concluir o processo de exportação
Você saberá que este passo foi bem-sucedido quando ver que os bundles foram enviados e um branch foi criado.
4

Faça a build para iOS

Agora é hora de criar uma build de visualização para o seu dispositivo iOS.
  1. No menu suspenso, selecione “EAS publish preview iOS”
  2. Insira um identificador de bundle iOS (ex.: com.seunome.seuappname)
  3. Faça login na sua conta App Store Connect quando solicitado
  4. Selecione seu time de desenvolvedor individual
  5. Gere os certificados de distribuição do dispositivo quando solicitado
Saiba mais sobre certificados iOS e perfis de provisionamento.
5

Registre seu dispositivo

Para instalar apps de desenvolvimento no seu iPhone, você precisa registrar seu dispositivo.
  1. Quando solicitado, selecione “website” para registrar seu dispositivo
  2. Escaneie o QR code que aparece com seu iPhone
  3. Baixe o perfil de desenvolvimento quando solicitado
  4. Vá para Ajustes no seu iPhone
  5. Selecione “Perfil Baixado” no topo
  6. Instale o perfil e insira sua senha quando solicitado
  7. Volte ao Editor de Projeto e pressione qualquer tecla para continuar
6

Aguarde a build

O Expo vai criar seu app agora, o que leva cerca de 10 a 15 minutos dependendo da complexidade da sua aplicação.
  1. A build será enfileirada
  2. Você pode verificar o progresso no seu painel Expo na aba “Builds”
  3. Quando concluída, um novo QR code aparecerá para instalar o app
7

Instale a build de visualização no seu dispositivo

Quando a build de visualização estiver concluída, instale-a no seu iPhone.
  1. Escaneie o QR code de instalação com seu iPhone
  2. Selecione “Instalar” quando solicitado
  3. A build de visualização começará a ser instalada na sua tela inicial
8

Ative o modo desenvolvedor

Antes de abrir o app, você precisa ativar o modo desenvolvedor no seu iPhone.
  1. Vá para Ajustes > Privacidade e Segurança
  2. Role até o final e encontre “Modo Desenvolvedor”
  3. Ative-o
  4. Reinicie o dispositivo quando solicitado
  5. Após reiniciar, você pode abrir e testar sua build de visualização.

​
O que você conquistou

Seguindo este tutorial, você agora tem uma build de visualização iOS instalada no seu dispositivo para testes de desenvolvimento. A maioria dos desenvolvedores levaria dias ou semanas para conseguir isso, mas você fez em cerca de uma hora.
Após concluir este tutorial, você pode:

​
Problemas comuns e soluções

​
Conclusão

Com Replit e Expo, criar apps mobile nunca foi tão fácil ou rápido. Você pode ir de uma ideia a uma visualização nativa mobile 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 no desenvolvimento mobile.
Para informações mais detalhadas, confira: