Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Wiki Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 52
    • Issues 52
    • 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
  • CP - Planta
  • WikiWiki
  • Wiki
  • configuracao

Last edited by ESKieroff Oct 02, 2024
Page history

configuracao

Home Escopo Processo Design/Mockups Gerência Estudos Arquitetura Contratos BD Qualidade Configuração Instalação Instruções Utilização Analytics Infraestrutura Dicas

Configurações do Projeto

Descrição

Este guia fornece as instruções detalhadas para configurar e executar o projeto, incluindo as etapas para instalação e inicialização dos ambientes de desenvolvimento.

Sumário

  • Configurações Gerais
    • Instalação do Ambiente de Desenvolvimento
  • Backend
    • Configurando a Máquina do Backend
    • Rodando o Projeto do Backend
  • Frontend
    • Configurando a Máquina do Frontend
    • Rodando o Projeto do Frontend
  • Docker + WSL

Configurações Gerais

Esta seção abrange as instruções gerais de configuração para os ambientes de desenvolvimento.

Instalação do Ambiente de Desenvolvimento

Altamente recomendável:

  • Instalar o VSCode: Disponível para download no site oficial da Microsoft.

  • Instalar plugins úteis para o VSCode:

    • ESLint
    • Prettier
    • Jest
    • Jest Runner
    • GitHub Copilot (opcional)
  • Instalar Docker: Siga as instruções de instalação para o Linux ou Windows.

OBS: Caso encontre problemas ao usar o Docker Desktop no Windows, considere usar o Docker diretamente sobre o WSL. Confira este tutorial para saber mais. Um mini tutorial sobre como usar Docker + WSL no Windows está disponível nesta seção.


Backend

Configurando a Máquina do Backend

Para configurar o ambiente de backend, siga os passos abaixo:

  1. Instalar o Node (versão 18.0 ou superior):

    • Para Windows: Download Node.js
    • Para Linux, execute no terminal:
      sudo apt install nodejs
  2. Clonar o repositório do backend:

    git clone https://tools.ages.pucrs.br/cp-planta/backend.git
  3. Instalar dependências:

    • Com o terminal no diretório do projeto:
      npm i
  4. Configurar variáveis de ambiente:

    • Renomeie o arquivo .envExample para .env para carregar as variáveis padrão.

Rodando o Projeto do Backend

Modo de Desenvolvimento:

  • Após configurar o ambiente, execute o comando:
    npm run dev
  • O projeto estará disponível localmente em:
    http://localhost:3000

Executando com Docker:

  • Para rodar o backend com Docker:
    docker-compose build
    docker-compose up -d
  • O backend será executado no endereço:
    http://localhost:3000

Frontend

Configurando a Máquina do Frontend

Siga os passos para configurar o ambiente de frontend:

  1. Instalar o Node (versão 18.0 ou superior):

    • Para Windows: Download Node.js
    • Para Linux, execute no terminal:
      sudo apt install nodejs
  2. Instalar o Yarn para gerenciamento de dependências:

    npm install --global yarn
  3. Clonar o repositório do frontend:

    git clone https://tools.ages.pucrs.br/cp-planta/frontend.git
  4. Instalar dependências:

    • No terminal, execute:
      yarn install

Rodando o Projeto do Frontend

Modo de Desenvolvimento:

  • Para iniciar o frontend após a configuração:
    yarn dev
  • O frontend estará disponível localmente em:
    http://localhost:3001

Usando WSL + Docker no Windows

Passo a Passo para Configuração

  1. Ativar Recursos do Windows:

    • Acesse Painel de Controle > Programas > Ativar ou desativar recursos do Windows.
    • Marque as opções:
      • Plataforma de Máquina Virtual
      • Plataforma do Hipervisor do Windows
      • Subsistema do Windows para Linux (WSL)
  2. Reiniciar o Computador para aplicar as mudanças.

  3. Instalar WSL e Ubuntu:

    • Abra o PowerShell como Administrador.
    • Verifique as distribuições disponíveis:
      wsl -l --online
    • Instale a distribuição desejada (exemplo: Ubuntu):
      wsl --install -d Ubuntu
  4. Configurar o Ubuntu no WSL:

    • Abra o menu Iniciar e localize o Ubuntu.
    • Na primeira execução, crie um usuário e senha.
  5. Instalar e Configurar o Docker no WSL:

    • Atualize os pacotes:
      sudo apt update && sudo apt upgrade
    • Instale o Docker:
      sudo apt install apt-transport-https ca-certificates curl software-properties-common
      curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg
      echo "deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
      sudo apt update
      sudo apt install docker-ce docker-ce-cli containerd.io
  6. Rodar Docker sem sudo (opcional):

    • Adicione seu usuário ao grupo Docker:
      sudo usermod -aG docker $USER
    • Reinicie o terminal para aplicar as mudanças.
  7. Testar Instalação do Docker:

    • Verifique a versão do Docker:
      docker --version
    • Execute um contêiner de teste:
      docker run hello-world

Agora seu ambiente está configurado e pronto para o desenvolvimento!


                                                                                                         Topo

Clone repository
  • Infraestrutura
  • Utilizando a wiki
    • adicionando imagens
    • escrevendo em markdown
    • wiki no editor de texto
  • analytics
  • arquitetura
  • backend_categories
  • backend_inicio
  • backend_persons
  • backend_production_order
  • backend_products
  • backend_qualidade
  • backend_settings
  • backend_stock
  • backend_stock_locations
View All Pages