Automatic build dan release aplikasi dengan Github actions

Tutorial ini berfokus pada GitHub hosting, tetapi Anda dapat menyesuaikannya dengan sedikit perubahan untuk platform CI/CD lainnya.

Pendahuluan

Pastikan Anda telah menambahkan aplikasi Capacitor Anda terlebih dahulu ke Capgo, tutorial ini hanya berfokus pada fase unggah. Jika Anda perlu menambahkan aplikasi Anda ke Capgo, Anda dapat mengikuti langkah ini. Tutorial

Konvensi Komit

Pertama-tama, Anda perlu memulai mengikuti konvensi komit Komit Konvensional` ini akan membantu alat memahami cara meningkatkan nomor versi, itu hanya membutuhkan waktu 5 menit untuk dipelajari.

GitHub Aksi untuk Tag

Kemudian Anda harus membuat aksi GitHub pertama untuk membangun dan membuat tag secara otomatis.

Buat file di path ini: .github/workflows/bump_version.yml

bersama dengan konten ini:

name: Bump version

on:
  push:
    branches:
      - main

jobs:
  bump-version:
    if: "!startsWith(github.event.head_commit.message, 'chore(release):')"
    runs-on: ubuntu-latest
    name: "Bump version and create changelog with standard version"
    steps:
      - name: Check out
        uses: actions/checkout@v6
        with:
          fetch-depth: 0
          filter: blob:none
          token: '${{ secrets.PERSONAL_ACCESS_TOKEN }}'
      - name: Git config
        run: |
          git config --local user.name "github-actions[bot]"
          git config --local user.email "github-actions[bot]@users.noreply.github.com"
      - name: Create bump and changelog
        run: npx capacitor-standard-version
      - name: Push to origin
        run: |
          CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD)
          remote_repo="https://${GITHUB_ACTOR}:${{ secrets.PERSONAL_ACCESS_TOKEN }}@github.com/${GITHUB_REPOSITORY}.git"
          git pull $remote_repo $CURRENT_BRANCH
          git push $remote_repo HEAD:$CURRENT_BRANCH --follow-tags --tags

Proses ini akan merilis tag untuk setiap komit di cabang utama Anda. Dan menambahkan entri perubahan untuk setiap komit di cabang utama di CHANGELOG.md.

Tidak perlu khawatir jika Anda tidak memiliki file ini, akan dibuatkan untuk Anda.

Untuk membuat ini berfungsi, buatlah AKSES Pribadi TOKEN dan tambahkan ke dalam GitHub rahasia sebagai PERSONAL_ACCESS_TOKEN.

Hal ini diperlukan untuk memungkinkan CI mengirimkan perubahan log.

Ketika Anda membuat token, pilihlah masa berlaku sebagai never dan ruang lingkup sebagai repo.

Terakhir, tetapkan versi di file Anda, sinkronkan dengan versi Native Anda yang akan memudahkan, lalu langkah berikutnya. package.json Versi ini hanya perlu disetel pertama kali, kemudian alat-alat akan menjaganya secara otomatis.

Sekarang Anda dapat mengomit file-file ini dan melihat tag pertama muncul di __CAPGO_KEEP_0__!

You can now commit this both files and see your first tag appear in GitHub!

__CAPGO_KEEP_0__ actions untuk pembangunan

GitHub actions for build

Dengan konten ini: .github/workflows/build.yml

Instalasi dan pembangunan dependensi Anda akan dilakukan sebelum dikirim ke __CAPGO_KEEP_0__.

name: Build source code and send to Capgo

on:
  push:
    tags:
      - '*'
      
jobs:
  deploy:
    runs-on: ubuntu-latest
    name: "Build code and release"
    steps:
      - name: Check out
        uses: actions/checkout@v6
      - name: Install dependencies
        id: install_code
        run: npm i
      - name: Build
        id: build_code
        run: npm run build
        env: # Remove both lines  if you don't need it
          FIREBASE_CONFIG: ${{ secrets.FIREBASE_CONFIG }} # Example of env var coming from a secret
      - name: Create Release
        id: create_release
        run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} -c production

This will install and build your dependency before sending it to Capgo.

Untuk membuat ini berfungsi, Anda perlu mendapatkan kunci __CAPGO_KEEP_0__ Anda untuk __CAPGO_KEEP_1__, tambahkan di build_code __CAPGO_KEEP_1__

To make this work, you need to get your API key for Capgo, add it in the rahasia dari repositori Anda GitHub sebagai CAPGO_TOKEN.

Anda dapat sekarang mengirimkan perubahan ini kedua file dan melihat tag pertama Anda muncul di GitHub!

Menambahkan komit akan menghasilkan build baru untuk saluran produksi.

Anda harus menambahkan tes di langkah build untuk memastikan code Anda berfungsi.

Pergi ke dashboard Capgo Anda dan periksa build yang baru muncul, Anda sekarang memiliki sistem CI/CD.

Jika Anda ingin membiarkan semua pengguna mendapatkan update ketika tersedia, pergi ke saluran Anda dan atur ke public.

Anda juga dapat menambahkan build asli dari aplikasi JavaScript Ionic Capacitor Anda dengan mengikuti tutorial ini 👇

Teruskan dari Automatic build and release app dengan Github actions

Jika Anda menggunakan Automatic build and release app dengan Github actions untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Capgo Pengaturan CI/CD untuk alur kerja produk di Capgo Pengaturan CI/CD, Capgo Pembangunan Asli untuk alur kerja produk di Capgo Pembangunan Asli, Capgo Integrasi for the product workflow in Capgo Integrations, untuk alur kerja produk di __CAPGO_KEEP_0__ Integrasi, Pengintegrasian CI/CD GitHub Actions Integration for the implementation detail in GitHub Actions Integration.