... | @@ -2,8 +2,50 @@ |
... | @@ -2,8 +2,50 @@ |
|
|---|---|---|---|---|---|---|---|---|---|---|
|
|
|---|---|---|---|---|---|---|---|---|---|---|
|
|
|
|
|
|
# Instalando NodeJS
|
|
# Instalando NodeJS
|
|
|
|
* Para começar precisamos ter o *framework* NodeJS instalado. Acesse a página oficial do [NodeJS](https://nodejs.org/en/download/) e baixe a versão Windows *installer* (.msi).
|
|
|
|
* Após isso, execute o arquivo executável (.exe), aceite os termos de uso e instale o Node.
|
|
|
|
|
|
# Instalando Yarn
|
|
# Instalando Yarn
|
|
|
|
* Para instalar o Yarn, seguiremos praticamente os mesmos passos citados acima. Acesse a página oficial do [Yarn](https://yarnpkg.com/lang/en/docs/install/#windows-stable) e baixe o instalador.
|
|
|
|
* Após isso, execute o arquivo executável (.exe), aceite os termos de uso e instale o Yarn.
|
|
|
|
|
|
# Instalando MySQL Server
|
|
# Instalando MySQL Server
|
|
|
|
* Para instalar o MySQL Server, precisamos baixar o [MySQL Installer](https://dev.mysql.com/downloads/installer/) versão local (versão com maior tamanho).
|
|
|
|
* Após isso, execute o arquivo baixado.
|
|
|
|
* Selecione a opção `Server only` e clique em executar.
|
|
|
|
* Após a instlação do MySQL Server vá em `Product Configuration` e clique em avançar (sem alterar os parâmetros já pré-configurados).
|
|
|
|
* O próximo passo é configurar a senha de acesso para o banco de dados, então em `Accounts and Roles` crie sua senha e **sempre lembre dela**.
|
|
|
|
* Após instalar encontre em qual local o o MySQL Server foi instalado e copie o caminho do arquivo.
|
|
|
|
* Por fim, precisamos adicionar o MySQL Server como variável de ambiente, para que o comando `mysql` seja reconhecido. Para digite **variáveis de ambiente** no Menu Iniciar. Ao abrir as propriedades do sistema, clique em variáveis de ambiente.
|
|
|
|
* Ao abrir clique em `PATH` e depois no botão editar. Na janela aberta clique em novo e cole o caminho do arquivo do MySQL Server (copiado anteriormente).
|
|
|
|
|
|
# Configurando Banco de Dados
|
|
# Configurando Banco de Dados
|
|
|
|
* Com o MySQL Server instalado e o comando `mysql` sendo reconhecido, o próximo passo é criar o banco de dados da aplicação.
|
|
|
|
* Para isso escreva no CMD o comando: `mysql -u root -p` e digite sua senha. Assim poderemos colocar comandos SQL direto pelo terminal.
|
|
|
|
* Para criar o *database*, digite o comando: `create database carmy`.
|
|
|
|
* Pronto o banco de dados está criado.
|
|
|
|
|
|
# Configurando Back-End
|
|
# Configurando Back-End
|
|
# Configurando Front-End |
|
* Primeiro clonamos o repositório do GitLab para nossa máquina. Para isso utilize o comando:
|
|
\ No newline at end of file |
|
`git clone http://www.tools.ages.pucrs.br/Carmy/carmy-api.git`;
|
|
|
|
* Após isso entre no diretório do projeto utilizando o comando: `cd carmy-api`.
|
|
|
|
* Instale as dependências utilizando o comando: `yarn install`.
|
|
|
|
* Configure variáveis de ambiente:
|
|
|
|
- Crie o arquivo `.env` na raiz do projeto a partir do conteúdo do arquivo `.env.example`. Para isso use sua IDE de preferência (recomenda-se o VS Code) crie o arquivo salvando-o com a extensão `.env`.
|
|
|
|
- Acesse o arquivo `.env` no seu editor e configure conforme a sua configuração local
|
|
|
|
* Insira o esquema do banco de dados no *database* utilizando o comando `yarn sequelize db:migrate`.
|
|
|
|
* Alimente o banco de dados com dados de teste utilizando o comando `yarn sequelize db:seed:all`.
|
|
|
|
* Iniciar a aplicação digitando `yarn dev`.
|
|
|
|
* Acesse pelo navegador `http://localhost:5001`
|
|
|
|
* Clique em `avançados`.
|
|
|
|
* Clique em `ir para este site`.
|
|
|
|
* Verifique se aparece a mensagem `{"message":"API FUNCIONANDO"}`.
|
|
|
|
|
|
|
|
# Configurando Front-End
|
|
|
|
* Primeiro clonamos o repositório do GitLab para nossa máquina. Para isso utilize o comando: `git clone http://www.tools.ages.pucrs.br/Carmy/carmy-web.git`.
|
|
|
|
* Entre no diretório do projeto utilizando o comando `cd carmy-web`.
|
|
|
|
* Instale as dependências utilizando o comando `yarn install`.
|
|
|
|
* Iniciar a aplicação digitando `npm start` ou `yarn start`
|
|
|
|
* Acesse pelo navegador `http://localhost:3000`
|
|
|
|
* Clique em `avançados`.
|
|
|
|
* Clique em `ir para este site`. |
|
|
|
\ No newline at end of file |