Как извършвате разгръщането на приложенията?

Процесът на внедряване зависи от мащаба на проекта и използваната инфраструктура, но като цяло следвам следните стъпки:

1. Сглобяване на проекта: Използвам пакетни мениджъри като Webpack, Rollup или Vite за транспилиране на кода, минифициране и оптимизация на ресурсите.
2. Тестване: Провеждам автоматизирани тестове (юнит, интеграционни, end-to-end), за да проверя работоспособността.
3. Версиониране: Създавам git таг или комит за фиксиране на версията на релийза.
4. Деплой в staging (по желание): Деплой на тестов сървър за финална проверка от екипа.
5. Деплой в продукция:
   • Зареждане на събраните файлове на уеб сървър (Nginx, Apache) или CDN.
   • Актуализиране на конфигурационните файлове (ако е необходимо).
   • Прилагане на миграции (ако е приложимо за бекенда).
   • Рестартиране на уеб сървъра или сервиза.
6. Пост-деплой проверка: Проверявам работоспособността в продукционната среда, мониторинг на метриките.

Използвам CI/CD инструменти (GitHub Actions, GitLab CI, Jenkins) за автоматизация на повечето от тези стъпки, което осигурява последователност и намалява вероятността от грешки.

Пример за прост CI/CD пайплайн за деплой на статичен хостинг:

# .github/workflows/deploy.yml
name: Deploy към GitHub Pages

on:
  push:
    branches:
      - main # Тригър при push към main

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest # Операционна система

    steps:
    - name: Проверка на кода
      uses: actions/checkout@v2 # Изтегляне на кода от репозитория

    - name: Настройка на Node.js
      uses: actions/setup-node@v2 # Конфигуриране на Node.js
      with:
        node-version: '16' # Конкретна версия

    - name: Инсталиране на зависимости
      run: npm ci # Инсталиране на зависимости

    - name: Сглобяване на проекта
      run: npm run build # Изпълнение на скрипта за build от package.json

    - name: Деплой към GitHub Pages
      uses: peaceiris/actions-gh-pages@v3 # Действие за деплой към GitHub Pages
      with:
        github_token: ${{ secrets.GITHUB_TOKEN }} # Токен за достъп
        publish_dir: ./dist # Папка с построения проект (зависи от конфигурацията на bundler-а)