... | @@ -22,109 +22,14 @@ Se trocar uma versão de dependência: |
... | @@ -22,109 +22,14 @@ Se trocar uma versão de dependência: |
|
---
|
|
---
|
|
<br/>
|
|
<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/>
|
|
|
|
* verifique se tem o Node (node --version), 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:
|
|
* instale o Android Studio (3.4 ou Superior):
|
|
|
|
[link](https://developer.android.com/studio) .
|
|
```
|
|
* baixe o projeto do git:
|
|
npm start
|
|
``` git clone http://www.tools.ages.pucrs.br/Republica-Do-Afeto/Android.git RepublicaDoAfeto ```
|
|
```
|
|
* abra o projeto usando o Android Studio.
|
|
|
|
* o Android Studio de instalar as dependências automaticamente.
|
|
<br/>
|
|
* execute o projeto
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
<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.** 🤠
|
|
**Se algo não estiver dando certo, peça ajuda aos colegas.** 🤠
|
|
|
|
|
... | | ... | |