Fórum Academy - deploy app vue

Criador Carlos Antônio dos Santos Júnior 08/03/2022

Carlos, Eu estou tentando criar um CD para meu app Vue,

Consigo acessar o meu servidor via ssh e rodar o npm install. Os pacotes são instalados, porém com alguns WARN. Por conta disso, o git action retorna como Falha e não faz o deploy.

Estes são os warns retornados. Tem como ignorar pra retornar sem estes avisos?

added 1641 packages, and audited 1642 packages in 1m

120 packages are looking for funding

run `npm fund` for details

36 vulnerabilities (26 moderate, 10 high)

To address issues that do not require attention, run:

npm audit fix

To address all issues possible (including breaking changes), run:

npm audit fix --force

Some issues need review, and may require choosing

a different dependency.

Run `npm audit` for details.

3 comentários

Manager Carlos Ferreira 08/03/2022

Olá, Carlos!
Tudo bem?

Como está o seu processo de CD, tem como compartilhar o workflow (.yaml)?

-----

Vou te passar um setup Docker que faz o build do app Vue.js para você. Ok?

Dockerfile:
FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY ./ .
RUN npm run build

FROM nginx as production-stage
RUN mkdir /app
COPY --from=build-stage /app/dist /app
COPY ./docker/nginx.conf /etc/nginx/nginx.conf

Esse Dockerfile basicamente gera o build do Vue.js

Precisa incluir na raiz do projeto um arquivo dentro de docker com o nome nginx.conf (docker/nginx.conf)
Conteúdo do nginx: https://cli.vuejs.org/guide/deployment.html#docker-nginx

E o arquivo docker-compose.yml precisa ter este conteúdo:
version: "3.7"
services:
    # image project
    frontend_vue:
        build:
            context: ./
            dockerfile: Dockerfile
        image: vue-app
        ports:
            - 80:8080
        restart: unless-stopped

Para gerar o build, basta rodar o comando:
docker-compose up -d --build

Criador Carlos Antônio dos Santos Júnior 08/03/2022

Carlos segue a baixo o CD para deploy do app vue/quasar

A primeira vez que eu rodei, deu certo, não sei pq, agora esta dando erro quando roda o npm install. Estou rodando em um servidor da digitialocean.

<--- JS stacktrace --->

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

1: 0xb09980 node::Abort() [npm install]

2: 0xa1c235 node::FatalError(char const*, char const*) [npm install]

3: 0xcf77be v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [npm install]

4: 0xcf7b37 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [npm install]

5: 0xeaf3d5 [npm install]

6: 0xebf09d v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [npm install]

7: 0xec1d9e v8::internal::Heap::AllocateRawWithRetryOrFailSlowPath(int, v8::internal::AllocationType, v8::internal::AllocationOrigin, v8::internal::AllocationAlignment) [npm install]

8: 0xe83012 v8::internal::Factory::AllocateRaw(int, v8::internal::AllocationType, v8::internal::AllocationAlignment) [npm install]

# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions

name: CD

on:
push:
branches: [master, homolog]
pull_request:
branches: [master, homolog]

jobs:
build:
runs-on: ubuntu-latest

strategy:
matrix:
node-version: [12.x]

steps:
- uses: actions/checkout@v2
with:
ref: homolog

- name: Deploy to server homolog
uses: easingthemes/[email protected]
env:
SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
ARGS: "-rltgoDzvO --exclude .git --exclude .docker --exclude .github"
REMOTE_HOST: ${{ secrets.SSH_HOST_HOMOLOG }}
REMOTE_USER: ${{ secrets.SSH_USER }}
TARGET: /home/${{ secrets.SSH_USER }}/front

- name: Execute comands SSH
uses: appleboy/ssh-action@master
env:
USER_PASS: "${{ secrets.USER_PASS }}"
with:
host: ${{ secrets.SSH_HOST_HOMOLOG }}
username: ${{ secrets.SSH_USER }}
key: ${{ secrets.SSH_PRIVATE_KEY }}
port: ${{ secrets.SSH_PORT }}
envs: USER_PASS
script: |
 cd front/
 echo $USER_PASS | sudo -S npm install --silent
 quasar build

Criador Carlos Antônio dos Santos Júnior 08/03/2022

Carlos, "parece que resolvi"

Aumentei a memória com este comando: bastou rodar no ubunto: export NODE_OPTIONS=--max-old-space-size=8192

Obrigado