| ... | ... | @@ -10,15 +10,43 @@ |
|
|
|
|
|
|
|
### Configurando e executando (Windows e Linux)
|
|
|
|
|
|
|
|
Antes de criar nosso projeto com Expo, precisamos instalar o expo-cli no nosso ambiente de desenvolvimento. Para realizar esta instalação você precisa ter as seguintes dependências:
|
|
|
|
|
|
|
|
1) Instalar [Configurações Gerais](#configurações-gerais)
|
|
|
|
2) Instalar globalmente em seu terminal o [Expo](https://docs.expo.dev/) utilizando o comando ```
|
|
|
|
npm install -g expo-cli```
|
|
|
|
3) Em seu diretório local, Realizar o comando ```git clone https://tools.ages.pucrs.br/free-from-club/frontend.git ``` e ```git checkout nome-branch ``` para a branch que está trabalhando
|
|
|
|
4) Abra o projeto na sua IDE e, no terminal, execute o comando ```npm install``` e, em seguida, ```npm start```
|
|
|
|
5) Faça o Download do [Expo GO](https://expo.dev/client) na App Store ou Google Play em seu Android e/ou iOS. Abra o app e escaneie o QR code que aparecer na tela. Se preferir você também tem a opção de abrir em um emulador pressionando ```a``` ou na web, pressionando ```w```
|
|
|
|
1) Node: Você pode baixar o instalador do Node.js LTS [aqui no site oficial](https://nodejs.org/en) e executar o instalador.
|
|
|
|
|
|
|
|
---
|
|
|
|
2) Git: Você pode encontrar o instalador do Git [aqui no site oficial](https://git-scm.com/).
|
|
|
|
|
|
|
|
3) Finalizado as instalações, execute o seguinte comando no seu terminal para instalar o expo.
|
|
|
|
|
|
|
|
`npm install --global expo-cli`
|
|
|
|
|
|
|
|
4) Expo Go: No seu Smartphone iOS ou Android, baixe o aplicativo Expo Go na [App Store ou Google Play](https://expo.dev/client).
|
|
|
|
|
|
|
|
5) Em seu diretório local, Realizar o comando ```git clone https://tools.ages.pucrs.br/free-from-club/frontend.git ``` e ```git checkout nome-branch ``` para a branch que está trabalhando
|
|
|
|
|
|
|
|
6) Abra o projeto na sua IDE e, no terminal, execute o comando ```npm install``` e, em seguida, ```npx expo start```
|
|
|
|
|
|
|
|
7) Certifique-se de que seu dispositivo Mobile está na mesma rede do seu repositório e abra o Expo Go. Escaneie o QR code que aparecer na tela. Se preferir você também tem a opção de abrir em um emulador pressionando ```a``` ou na web, pressionando ```w```
|
|
|
|
Recomendamos utilizar o emulador ou o próprio celular, pois nossa aplicação será Mobile.
|
|
|
|
|
|
|
|
8) Agora o Frontend está rodando no seu celular. Faça os ajustes no código e perceba que isso se refletirá na tela em tempo real!
|
|
|
|
|
|
|
|
|
|
|
|
### Para rodar o front na Rede da PUC (Eduaroam, Visitantes, etc..)
|
|
|
|
|
|
|
|
1) Instale globalmente o @expo/ngrok com o seguinte comando
|
|
|
|
|
|
|
|
`npm i -g @expo/ngrok`
|
|
|
|
|
|
|
|
2) Atualize seu editor de código e depois rode o comando
|
|
|
|
|
|
|
|
`npx expo start --tunnel`
|
|
|
|
|
|
|
|
### Casos especiais
|
|
|
|
|
|
|
|
1) Troque o tipo de perfil da sua rede para o modo Privado
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Configuração BackEnd
|
|
|
|
|
| ... | ... | |
