Configurações do Projeto

Descrição

Esta seção apresentará todas as configurações para executar o projeto.

Sumário

• Configurações Gerais
  • Instalando o Node
  • Configurando sua IDE
  • Clonando os Repositórios
• Backend
  • Configurando a Máquina
  • Compilando
  • Executando
• Frontend
  • Configurando a Máquina
  • Compilando
  • Executando

Configurações Gerais

Aqui serão encontradas as instruções de configuração de ambos ambientes de desenvolvimento.

Instalando o Node

Instalação

TBD

Verificação

TBD

Configurando a IDE

TBD

Clonando os Repositórios

TBD

Backend

Configurando a Máquina

TBD

Compilando

TBD

Executando

TBD

Frontend

Configurando a Máquina

NVM

Uma tecnologia interessante de se ter para gerenciar várias versões do node sem grande estresse.

Instruções de como instalar podem ser encontradas aqui:

• Instalando no Windows
• Instalando nos derivados do Unix

É sempre bom verificar se a instalação foi concluida com sucesso, logo use o seguinte comando para realizar a verificação.

nvm --version

Node e NPM

Através dos comandos abaixo é possível instalar o node:

nvm install --lts

ou

nvm install <versao-desejada>

Verifique se a instalação foi concluida com sucesso com o comando:

node -v

e

npm -v

Utilizamos o npm para instalar as dependências do projeto e rodar outros comandos importantes.

Expo

O download do Expo é feito utilizando o NPM (Node Package Manager) que é instalado junto com o Node.

O seguinte comando instala globalmente o cliente:

npm install -g expo-cli

Para verificar se o Expo foi instalado execute o comando

expo --version

JetBrains Toolbox e Android Studio

O JetBrains Toolbox facilita a instalação do Android Studio e suas dependências.

O JetBrains Toolbox também simplifica o processo de encontrar onde estão os arquivos instalados. Abrindo a aplicação, nas configurações do Android Studio, mais abaixo na aba de configuração, está indicado o caminho da pasta.

Compilando

TBD

Executando

Admin

A aplicação foi criada através do uso do CRA.

Antes de começar a desenvolver, instalar as dependências do projeto, executando o comando:

npm install

Para iniciar o servidor de desenvolvimento, executar o comando:

npm start

Aplicação Mobile

A aplicação foi criada através do uso do cliente do Expo.

Antes de começar a desenvolver, instalar as dependências do projeto, executando o comando:

npm install

Para iniciar o servidor de desenvolvimento, executar o comando:

npm start

Para visualizar as telas é possível escolher uma das seguintes maneiras:

Celular

A maneira mais simples é utilizando um Smartphone (seja iOS ou Android).

Primeiro é necessário fazer o download do aplicativo do Expo para Android ou para iOS.

Depois de instalar o aplicativo acesse as ferramentas de desenvolvimento no endereço indicado no terminal e escaneie o QR code. Caso o celular esteja conectado em uma rede diferente do computador selecione a opção Tunnel nas ferramentas de desenvolvimento.

Emulador

Caso você não tenha um Smartphones disponíveis para o desenvolvimento e opte por usar o emulador, existem diferenças entre MacOS e Windows/Linux.

MacOS

Para o emular um dispositivo no MacOS acesse o local do programa Xcode, clique com o botão direito e siga os seguintes passos:

Show Package Contents -> Contents -> Developer -> Applications -> Simulator

Recomendo arrastar o Simulator para o seu Dock para fácil acesso.

Depois de iniciar o Simulator acesse as ferramentas de desenvolvimento no endereço indicado no terminal e selecione a opção Run on iOS Simualtor.

Windows

Abra o Android Studio e siga os seguintes passos:

Configure -> AVD Manager -> Create Virtual Device -> Phone -> Pixel 2 (recomendado) -> Next

Fazer download do release que deseja utilizar (recomendo o "R") e clique em "Next".

Clique em "Finish".

Para executar o simulador clique no simbolo de "Play" ao lado esquerdo dele.

Depois de iniciar o simulador acesse as ferramentas de desenvolvimento no endereço indicado no terminal e selecione a opção Run on Android device/emulator.