Página de Configuração do Projeto

República do Afeto

Atenção: Evite alterar as versões das dependências utilizadas no package.json.

Em alguns casos, é preferível mantê-las desatualizadas, por questões de compatibilidade.

Não troque a versão da dependência 'react', ou o Expo pode vir a ter crashes.

• instale o Expo no seu celular: ** link para iOS e link para Android
  Isso tornará as coisas mais fáceis na hora de testar a aplicação, direto no smartphone.

Se for sua primeira vez executando, abra o terminal como admin e execute o PowerShell como Administrador no Windows, ou use o comando sudo su no Linux ou Mac.

• instale o Expo globalmente:

npm install expo-cli --global

ou a versão resumida

npm i -g expo-cli 

Não se preocupe se aparecerem algums erros no log. A instalação terá ocorrido, de qualquer forma.

• crie o login no site do expo e execute o comando para logar

expo login

• Acesse uma pasta pelo terminal e baixe o projeto substituir [usuario] no link a seguir pelo seu usuário:

git clone -b dev http://[usuario]@www.tools.ages.pucrs.br/Republica-Do-Afeto/wiki.git RepublicaDoAfeto

A URL também pode ser copiada abaixo do nome do projeto, na página do repositório.

• entre na pasta do projeto importado, com:

cd RepublicaDoAfeto

• dentro do diretório, execute a instalação dos pacotes com o NPM:

npm install

Perceba que foi criada uma pasta node_modules. Alí, estão as centenas de dependências necessárias para executar a aplicação React Native. Algumas delas estão especificadas no package.json.

• concluída a instalação dos módulos, execute o bundler do Expo:

npm start

Aparecerá um QR-Code no terminal, e o bundler será aberto no navegador também.

Vá nessa página e atente às opções de conexão com o dispositivo: Tunnel, LAN e Local.

O ideal é deixar marcada em LAN, porém o celular deverá estar conectado na AGES_WIFI, e não em outras redes, como eduroam (a menos que o seu computador esteja em uma dessas outras redes). O que importa é os dois estarem conectados na mesma.

Se não estiverem na mesma rede, marcar a opção Tunnel resolve. Só que nem sempre o QR Code é refeito para o Tunnel, então acaba demorando mais.

Leia, com a câmera, o QR Code do terminal ou do bundler no navegador, e permita que abra o link pelo aplicativo do Expo no seu celular.

Em instantes, o aplicativo será carregado e estará pronto para ter suas funcionalidades testadas.

• Se o projeto não aparecer no celular verifique se está logado no terminal com o comando:

expo whoami

• de o stop e start no projeto novamente.

Se algo não estiver dando certo, peça ajuda aos colegas. 🤠

Bom estudo!