Bangun aplikasi pembangunan otomatis dan rilis dengan Github aksi

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 ini Tutorial

Konvensi Komit

Pertama-tama Anda perlu memulai mengikuti konvensi komit komit konvensionalini akan membantu alat pemahaman bagaimana untuk meningkatkan nomor versi, hanya membutuhkan waktu 5 menit untuk mempelajarinya.

Aksi GitHub untuk tag

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

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

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

Ini akan merilis tag untuk setiap komit di branch utama. Dan tambahkan entri perubahan untuk setiap komit di branch utama di CHANGELOG.md.

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

Untuk membuat ini berfungsi, buatlah Akses Token Pribadi dan tambahkan ke GitHub rahasia sebagai PERSONAL_ACCESS_TOKEN.

Hal ini diperlukan untuk memungkinkan CI mengirimkan catatan perubahan.

Ketika Anda membuat token, pilih kedaluwarsa sebagai never dan ruang lingkup sebagai repo.

Terakhir, atur versi di} package.json Hal ini hanya diperlukan kali pertama, kemudian alat akan menjaganya terupdate.

Hanya perlu dilakukan sekali, kemudian tools akan memperbarui secara otomatis.

Kamu dapat menambahkan kedua file ini ke repositori dan melihat tag pertama muncul di GitHub!

Setelah setiap perubahan kode, baik pada platform native maupun web, nomor versi akan ditingkatkan.

Aksi GitHub untuk pembangunan

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

Dengan konten ini:

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

Hal ini akan menginstal dan membangun dependensi Anda sebelum mengirimkannya ke Capgo.

Jika perintah Anda untuk membangun berbeda, Anda dapat mengubahnya di build_code langkah.

Untuk membuat ini berfungsi, Anda perlu mendapatkan kunci API Anda untuk Capgo, lalu tambahkan di secret of your GitHub repository as CAPGO_TOKEN.

Kamu dapat menambahkan kedua file ini dan melihat tag pertama muncul di GitHub!

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

Lihat ke dashboard code Anda dan cek build yang baru muncul, Anda sekarang memiliki sistem CI/CD.

Go To your Capgo dashboard and check your build who just appeared, you now have your CI/CD system.

Anda juga dapat menambahkan build asli native aplikasi Ionic __CAPGO_KEEP_0__ JavaScript Anda dengan mengikuti tutorial ini 👇 public.

You can also add the native build of your Ionic Capacitor JavaScript app by following this tutorial 👇

Teruskan dari aplikasi pembangunan dan rilis otomatis dengan aksi Github

Jika Anda menggunakan Aplikasi otomatis build dan release dengan aksi Github untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Capgo CI/CD untuk alur kerja produk di Capgo CI/CD, Capgo Pembangunan Asli untuk alur kerja produk di Capgo Native Builds, Capgo Integrations untuk alur kerja produk di Capgo Integrations, Integrasi CI/CD untuk detail implementasi di Integrasi CI/CD, dan GitHub Actions Integrasi untuk detail implementasi di GitHub Integrasi Aksi.