| ... | ... | @@ -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
|
|
|
|
|
|
|
|
**Frontend**:
|
|
|
|
|
|
|
|
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
|
|
|
|
##Backend
|
|
|
|
|
|
|
|
## Setup do ambiente de desenvolvimento
|
|
|
|
|
|
|
|
### Ferramentas necessárias
|
|
|
|
|
|
|
|
- [Node.js][3]
|
|
|
|
|
|
|
|
### Extensões do VsCode recomendadas
|
|
|
|
### Ferramentas necessárias
|
|
|
|
|
|
|
|
- ESLint
|
|
|
|
- Prettier
|
|
|
|
|
|
|
|
### Ferramentas auxiliares
|
|
|
|
|
|
|
|
- [Expo Go][1]
|
|
|
|
- [Node.js](https://nodejs.org/) (versão 20)
|
|
|
|
- [Docker](https://www.docker.com/) e [Docker Compose](https://docs.docker.com/compose/)
|
|
|
|
- [Git](https://git-scm.com/)
|
|
|
|
- [Prisma CLI](https://www.prisma.io/docs/getting-started/quickstart) (opcional, caso queira rodar comandos localmente)
|
|
|
|
|
|
|
|
## Executando a aplicação
|
|
|
|
|
| ... | ... | @@ -58,87 +40,60 @@ Antes de começar a desenvolver, é necessário instalar as dependências do pro |
|
|
|
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
|
|
|
|
docker compose up -d
|
|
|
|
```
|
|
|
|
npm start
|
|
|
|
```
|
|
|
|
|
|
|
|
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:
|
|
|
|
|
|
|
|
## App Expo Go
|
|
|
|
## Visualização dos dados
|
|
|
|
|
|
|
|
Para visualizar as mudanças, basta escanear o QR Code exibido no terminal com o aplicativo.
|
|
|
|
aso queira visualizar os dados, utilize:
|
|
|
|
|
|
|
|
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.
|
|
|
|
```sh
|
|
|
|
npx prisma studio
|
|
|
|
```
|
|
|
|
|
|
|
|
## Emulador Android
|
|
|
|
Ou acesse o **Adminer** pelo navegador:
|
|
|
|
🔗 [http://localhost:8080](http://localhost:8080)
|
|
|
|
|
|
|
|
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:
|
|
|
|
**Frontend**:
|
|
|
|
|
|
|
|
Clonar via HTTPS:
|
|
|
|
```
|
|
|
|
npm run android
|
|
|
|
https://tools.ages.pucrs.br/comunidade-universitaria/comunidade-universitaria-front.git
|
|
|
|
```
|
|
|
|
|
|
|
|
### Deploy do Aplicativo
|
|
|
|
Clonar via SSH:
|
|
|
|
```
|
|
|
|
ssh://[email protected]:8822/comunidade-universitaria/comunidade-universitaria-front.git
|
|
|
|
```
|
|
|
|
|
|
|
|
Para fazer o deploy do aplicativo é necessário ter uma [conta expo][4] e realizar o login interativo via CLI com o comando:
|
|
|
|
## Frontend
|
|
|
|
|
|
|
|
```bash
|
|
|
|
expo login
|
|
|
|
```
|
|
|
|
## Setup do ambiente de desenvolvimento
|
|
|
|
|
|
|
|
Em seguida execute o seguinte comando para configurar o build tanto para iOS quanto Android:
|
|
|
|
### Ferramentas necessárias
|
|
|
|
|
|
|
|
```bash
|
|
|
|
eas build:configure
|
|
|
|
```
|
|
|
|
|
|
|
|
#### Android
|
|
|
|
- [Node.js](https://nodejs.org/dist/v20.19.0/node-v20.19.0-x64.msi) (versão 20.19 LTS)
|
|
|
|
|
|
|
|
Após feita a configuração através do comando anterior, ao executar o comando:
|
|
|
|
### Ferramentas auxiliares
|
|
|
|
|
|
|
|
```bash
|
|
|
|
eas build --platform android
|
|
|
|
```
|
|
|
|
- [Expo Go] - App mobile
|
|
|
|
|
|
|
|
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:
|
|
|
|
## Executando a aplicação
|
|
|
|
|
|
|
|
```json
|
|
|
|
{
|
|
|
|
"cli": {
|
|
|
|
"version": ">= 0.49.0"
|
|
|
|
},
|
|
|
|
"build": {
|
|
|
|
"development": {
|
|
|
|
"developmentClient": true,
|
|
|
|
"distribution": "internal"
|
|
|
|
},
|
|
|
|
"preview": {
|
|
|
|
"distribution": "internal"
|
|
|
|
},
|
|
|
|
"preview-android": {
|
|
|
|
"distribution": "internal",
|
|
|
|
"android": {
|
|
|
|
"buildType": "apk"
|
|
|
|
}
|
|
|
|
},
|
|
|
|
"production": {}
|
|
|
|
},
|
|
|
|
"submit": {
|
|
|
|
"production": {}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
Antes de começar a desenvolver, é necessário instalar as dependências do projeto:
|
|
|
|
|
|
|
|
```
|
|
|
|
npm install
|
|
|
|
```
|
|
|
|
|
|
|
|
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`:
|
|
|
|
## Visualização das telas
|
|
|
|
|
|
|
|
```bash
|
|
|
|
eas build -p android --profile preview-android
|
|
|
|
```
|
|
|
|
Para visualizar as telas use o comando:
|
|
|
|
|
|
|
|
[1]: https://expo.dev/client
|
|
|
|
[2]: https://docs.expo.dev/workflow/android-studio-emulator/
|
|
|
|
[3]: https://nodejs.org/
|
|
|
|
[4]: https://expo.dev/signup |
|
|
|
```
|
|
|
|
npm start
|
|
|
|
```
|
|
|
|
E então leia o QR code mostrado no terminal com o aplicativo Expo GO. |
