Jak przeprowadzasz wdrożenie aplikacji?

Proces wdrożenia zależy od skali projektu i używanej infrastruktury, ale ogólnie postępuję zgodnie z następującymi krokami:

1. Budowa projektu: Używam bundlerów takich jak Webpack, Rollup lub Vite do transpile'owania kodu, minifikacji i optymalizacji zasobów.
2. Testowanie: Przeprowadzam testy automatyczne (jednostkowe, integracyjne, end-to-end), aby sprawdzić poprawność działania.
3. Wersjonowanie: Tworzę tag git lub commit, aby ustalić wersję wydania.
4. Wdrażanie na staging (opcjonalnie): Wdrożenie na serwer testowy w celu ostatecznej weryfikacji przez zespół.
5. Wdrażanie na produkcję:
   • Wgrywanie plików zbudowanych na serwer WWW (Nginx, Apache) lub CDN.
   • Aktualizacja plików konfiguracyjnych (jeśli konieczne).
   • Zastosowanie migracji (jeśli dotyczy backendu).
   • Restart serwera WWW lub usługi.
6. Weryfikacja po wdrożeniu: Sprawdzam poprawność działania na środowisku produkcyjnym, monitoruję metryki.

Używam narzędzi CI/CD (GitHub Actions, GitLab CI, Jenkins) do automatyzacji większości tych kroków, co zapewnia spójność i zmniejsza ryzyko błędów.

Przykład prostego pipeline CI/CD do wdrożenia na hostingu statycznym:

# .github/workflows/deploy.yml
name: Deploy do GitHub Pages

on:
  push:
    branches:
      - main # Wyzwalacz przy push na gałęzi main

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest # Używany system operacyjny

    steps:
    - name: Pobierz kod
      uses: actions/checkout@v2 # Pobranie kodu z repozytorium

    - name: Konfiguruj Node.js
      uses: actions/setup-node@v2 # Konfiguracja Node.js
      with:
        node-version: '16' # Konkretna wersja Node.js

    - name: Zainstaluj zależności
      run: npm ci # Instalacja zależności

    - name: Zbuduj projekt
      run: npm run build # Uruchom skrypt budowania z package.json

    - name: Wdróż na GitHub Pages
      uses: peaceiris/actions-gh-pages@v3 # Akcja do wdrożenia na GitHub Pages
      with:
        github_token: ${{ secrets.GITHUB_TOKEN }} # Token dostępu
        publish_dir: ./dist # Folder z zbudowanym projektem (zależy od konfiguracji bundlera)