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
  • Comunidade Universitaria
  • wiki
  • Wiki
  • configuracao

configuracao · Changes

Page history
Update configuracao authored Apr 30, 2025 by Rafael Fernando Blankenburg's avatar Rafael Fernando Blankenburg
Show whitespace changes
Inline Side-by-side
configuracao.md
View page @ 473740e6
...@@ -21,34 +21,16 @@ ssh://[email protected]:8822/comunidade-universitaria/comunidade-universit ...@@ -21,34 +21,16 @@ ssh://[email protected]:8822/comunidade-universitaria/comunidade-universit
Para o uso de configuração, acesse o README do projeto: https://tools.ages.pucrs.br/comunidade-universitaria/comunidade-universitaria-back/-/blob/main/README.md Para o uso de configuração, acesse o README do projeto: https://tools.ages.pucrs.br/comunidade-universitaria/comunidade-universitaria-back/-/blob/main/README.md
**Frontend**: ##Backend
Clonar via HTTPS:
```
https://tools.ages.pucrs.br/comunidade-universitaria/comunidade-universitaria-front.git
```
Clonar via SSH:
```
ssh://[email protected]:8822/comunidade-universitaria/comunidade-universitaria-front.git
```
## Frontend
## Setup do ambiente de desenvolvimento ## Setup do ambiente de desenvolvimento
### Ferramentas necessárias ### Ferramentas necessárias
- [Node.js][3] - [Node.js](https://nodejs.org/) (versão 20)
- [Docker](https://www.docker.com/) e [Docker Compose](https://docs.docker.com/compose/)
### Extensões do VsCode recomendadas - [Git](https://git-scm.com/)
- [Prisma CLI](https://www.prisma.io/docs/getting-started/quickstart) (opcional, caso queira rodar comandos localmente)
- ESLint
- Prettier
### Ferramentas auxiliares
- [Expo Go][1]
## Executando a aplicação ## Executando a aplicação
...@@ -58,87 +40,60 @@ Antes de começar a desenvolver, é necessário instalar as dependências do pro ...@@ -58,87 +40,60 @@ Antes de começar a desenvolver, é necessário instalar as dependências do pro
npm install npm install
``` ```
Com as dependências instaladas, executar o comando para iniciar o servidor de desenvolvimento: Então, com o aplicativo Docker aberto execute:
``` ```sh
npm start docker compose up -d
``` ```
Note que serão exibidas diversas opções no terminal de como visualizar as alterações que estão desenvolvidas no projeto. Podemos utilizar das seguintes ferramentas: ## Visualização dos dados
## App Expo Go aso queira visualizar os dados, utilize:
Para visualizar as mudanças, basta escanear o QR Code exibido no terminal com o aplicativo. ```sh
npx prisma studio
```
Observação: seu celular e notebook/PC devem estar conectados na mesma rede. A rede da PUCRS limita as funcionalidades do aplicativo, sendo talvez necessário utilizar um emulador como alternativa. Ou acesse o **Adminer** pelo navegador:
🔗 [http://localhost:8080](http://localhost:8080)
## Emulador Android **Frontend**:
Para instalar o Android Studio, seguir as instruções deste [guia][2]. Após a instalação e configuração do dispositivo virtual, selecione a opção para abrir com o Android no terminal do Expo. Alternativamente, pode ser executado o comando: Clonar via HTTPS:
```
https://tools.ages.pucrs.br/comunidade-universitaria/comunidade-universitaria-front.git
```
Clonar via SSH:
``` ```
npm run android ssh://[email protected]:8822/comunidade-universitaria/comunidade-universitaria-front.git
``` ```
### Deploy do Aplicativo ## Frontend
Para fazer o deploy do aplicativo é necessário ter uma [conta expo][4] e realizar o login interativo via CLI com o comando: ## Setup do ambiente de desenvolvimento
```bash ### Ferramentas necessárias
expo login
```
Em seguida execute o seguinte comando para configurar o build tanto para iOS quanto Android: - [Node.js](https://nodejs.org/dist/v20.19.0/node-v20.19.0-x64.msi) (versão 20.19 LTS)
```bash ### Ferramentas auxiliares
eas build:configure
```
#### Android - [Expo Go] - App mobile
Após feita a configuração através do comando anterior, ao executar o comando: ## Executando a aplicação
```bash Antes de começar a desenvolver, é necessário instalar as dependências do projeto:
eas build --platform android
```
npm install
``` ```
Irá gerar um arquivo `*.aab` que é o executável pronto para publicar na **Play Store**. Neste projeto o que queremos é um arquivo com extensão `*.apk` para gerarmos o QRCode e compartilharmos nas apresentações, logo podemos adicionar uma nova configuração de build ao arquivo gerado pelo **eas**. Temos como exemplo o arquivo abaixo: ## Visualização das telas
```json Para visualizar as telas use o comando:
{
"cli": {
"version": ">= 0.49.0"
},
"build": {
"development": {
"developmentClient": true,
"distribution": "internal"
},
"preview": {
"distribution": "internal"
},
"preview-android": {
"distribution": "internal",
"android": {
"buildType": "apk"
}
},
"production": {}
},
"submit": {
"production": {}
}
}
``` ```
npm start
Onde adicionamos o **preview-android** que ira gerar o arquivo necessário para instalar e testar sem a necessidade de publicar na Play Store. Agora é só rodar o comando para gerar a `*.apk`:
```bash
eas build -p android --profile preview-android
``` ```
E então leia o QR code mostrado no terminal com o aplicativo Expo GO.
[1]: https://expo.dev/client
[2]: https://docs.expo.dev/workflow/android-studio-emulator/
[3]: https://nodejs.org/
[4]: https://expo.dev/signup
Clone repository
  • arquitetura
  • banco_dados
  • codigo
  • configuracao
  • design_mockups
  • dividas_tecnicas
  • escopo
  • Home
  • processo