... | @@ -3,7 +3,124 @@ |
... | @@ -3,7 +3,124 @@ |
|
|
|
|
|
# Página de Configuração do Projeto
|
|
# Página de Configuração do Projeto
|
|
|
|
|
|
Aqui deve ser explicado como configurar o Ambiente para que os Desenvolvedores do Projeto possam configurar o projeto para rodar em seus computadores, deve ser sempre atualizado a cada mudança de instalação feita.
|
|
### República do Afeto
|
|
|
|
|
|
* Deve ser explicado a configuração de **TODAS** as partes do projeto, tanto BACK,BANCO,FRONT,etc...
|
|
<br/>
|
|
* Além de explicar aqui, deve ter em cada Repositório o **RESUMO** de como instalar para quando os Desenvolvedores baixarem o projeto possam configurar por lá também |
|
|
|
\ No newline at end of file |
|
---
|
|
|
|
**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*.
|
|
|
|
|
|
|
|
---
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
* instale o Expo no seu celular: **
|
|
|
|
[link para iOS](https://itunes.apple.com/us/app/expo-client/id982107779?mt=8) e
|
|
|
|
[link para Android](https://play.google.com/store/apps/details?id=host.exp.exponent&hl=pt_BR)
|
|
|
|
*Isso tornará as coisas mais fáceis na hora de testar a aplicação, direto no smartphone.*
|
|
|
|
<br/>
|
|
|
|
* instale o Node, pode baixar [no site oficial](https://nodejs.org/en/download/). (o NPM vem daí!)
|
|
|
|
|
|
|
|
> 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.*
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
* crie o login no site do expo e execute o comando para logar
|
|
|
|
|
|
|
|
```
|
|
|
|
expo login
|
|
|
|
```
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
* 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.*
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
* entre na pasta do projeto importado, com:
|
|
|
|
|
|
|
|
```
|
|
|
|
cd RepublicaDoAfeto
|
|
|
|
```
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
* 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*.*
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
* concluída a instalação dos módulos, execute o bundler do Expo:
|
|
|
|
|
|
|
|
```
|
|
|
|
npm start
|
|
|
|
```
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
* Se o projeto não aparecer no celular verifique se está logado no terminal com o comando:
|
|
|
|
|
|
|
|
```
|
|
|
|
expo whoami
|
|
|
|
```
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
* de o stop e start no projeto novamente.
|
|
|
|
|
|
|
|
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
**Se algo não estiver dando certo, peça ajuda aos colegas.** 🤠
|
|
|
|
|
|
|
|
Bom estudo! |
|
|
|
\ No newline at end of file |