.github/workflows/deploy.yml - master - AchDoA/lab

.github/workflows/deploy.yml

109 строк4 KB

AoDhcA

Add GitHub Actions workflow for Vercel deployment and Lighthouse CI: Create deploy.yml to automate deployment of Vue 3 SPA to Vercel on push to main/master branches, including steps for building the application, running Lighthouse CI for performance metrics, and uploading reports. Add lighthouserc.json for Lighthouse configuration to define performance metrics and output settings.

16 апр 2026, 03:23

16 апр 2026, 03:23284b39c

# Деплой Vue 3 SPA (lab_3.4) на Vercel + Lighthouse CI (Core Web Vitals).
# Необходимые настройки репозитория см. в комментариях внизу файла.

name: Deploy to Vercel

on:
  push:
    branches:
      - main
      - master
      # Раскомментируйте следующую строку, чтобы делать preview-деплой при push в любые ветки:
      # - '**'

permissions:
  contents: read

env:
  # Каталог приложения относительно корня репозитория
  APP_DIR: lab_3.4
  NODE_VERSION: '20'

jobs:
  deploy:
    runs-on: ubuntu-latest
    defaults:
      run:
        working-directory: ${{ env.APP_DIR }}

    steps:
      # 1. Checkout кода
      - name: Checkout repository
        uses: actions/checkout@v4

      # 2. Node.js + кэш npm по package-lock.json
      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: ${{ env.NODE_VERSION }}
          cache: npm
          cache-dependency-path: ${{ env.APP_DIR }}/package-lock.json

      # 3. Чистая установка зависимостей
      - name: Install dependencies
        run: npm ci

      # 4. Production-сборка (Vite → dist/)
      - name: Build
        run: npm run build

      # Chromium для Lighthouse (на runner без подходящего Chrome lhci может упасть)
      - name: Install Chromium for Lighthouse
        run: |
          sudo apt-get update
          sudo apt-get install -y chromium-browser

      # 5. Lighthouse CI: глобальный CLI + autorun (конфиг: lab_3.4/lighthouserc.json)
      - name: Install Lighthouse CI
        run: npm install -g @lhci/cli

      - name: Run Lighthouse CI
        run: lhci autorun
        env:
          # Явный путь к Chromium в CI (при необходимости поправьте под свой runner)
          LHCI_CHROMIUM_PATH: /usr/bin/chromium-browser

      - name: Upload Lighthouse reports
        if: always()
        uses: actions/upload-artifact@v4
        with:
          name: lighthouse-reports
          path: ${{ env.APP_DIR }}/.lighthouseci

      # 6. Деплой на Vercel (amondnet/vercel-action).
      #    При указании vercel-args используется CLI-деплой (подходит для готовой папки dist).
      #    main/master → production (--prod); остальные ветки → preview.
      - name: Deploy to Vercel
        uses: amondnet/vercel-action@v42.2.0
        with:
          vercel-token: ${{ secrets.VERCEL_TOKEN }}
          vercel-org-id: ${{ vars.VERCEL_ORG_ID }}
          vercel-project-id: ${{ vars.VERCEL_PROJECT_ID }}
          working-directory: ${{ env.APP_DIR }}
          # Из каталога приложения: уже собранный Vite-артефакт в ./dist
          vercel-args: ${{ (github.ref == 'refs/heads/main' || github.ref == 'refs/heads/master') && 'deploy ./dist --prod' || 'deploy ./dist' }}
          github-token: ${{ secrets.GITHUB_TOKEN }}
          github-comment: false

# -----------------------------------------------------------------------------
# Секреты и переменные GitHub (Settings → Secrets and variables → Actions)
# -----------------------------------------------------------------------------
#
# Обязательно:
#   • Secrets → VERCEL_TOKEN
#       Токен Vercel: https://vercel.com/account/tokens → создать токен → вставить в Secrets.
#
#   • Variables (или Secrets — см. ниже) → VERCEL_ORG_ID
#       ID команды/аккаунта: в Vercel → Project Settings → General → «Team ID» / из `vercel whoami` / .vercel/project.json.
#
#   • Variables → VERCEL_PROJECT_ID
#       ID проекта: Project Settings → General → «Project ID».
#
# Если в вашем репозитории удобнее хранить ORG_ID / PROJECT_ID как секреты (а не Variables),
# замените в шаге Deploy строки на:
#   vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
#   vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
#
# В Vercel отключите авто-деплой из Git (git.deploymentEnabled: false), если деплой только из Actions.
# См.: https://vercel.com/docs/project-configuration/git-configuration
# -----------------------------------------------------------------------------