Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • W Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Free From Club
  • Wiki
  • Wiki
  • configuracao

configuracao · Changes

Page history
Update configuracao authored Apr 04, 2023 by Leonardo Argenton Pasqualotto's avatar Leonardo Argenton Pasqualotto
Hide whitespace changes
Inline Side-by-side
configuracao.md
View page @ 30e2820c
...@@ -10,15 +10,43 @@ ...@@ -10,15 +10,43 @@
### Configurando e executando (Windows e Linux) ### 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) 1) Node: Você pode baixar o instalador do Node.js LTS [aqui no site oficial](https://nodejs.org/en) e executar o instalador.
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```
--- 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
![image](uploads/9020721bccfa546635d08a558a77d934/image.png)
## Configuração BackEnd ## Configuração BackEnd
......
Clone repository
  • Arquitetura
  • Database
  • Endpoints
  • Estudos
  • Mockups
  • Sprints
  • USs
  • configuracao
  • gerenciamento
  • Home