Deploy Update Hidup

Pakai fitur Capgo Live Updates untuk memperbarui UI dan logika bisnis aplikasi Anda secara real-time. Sampaikan update bundle JavaScript langsung ke pengguna tanpa harus melewati toko aplikasi untuk memperbaiki bug dan mengirimkan fitur baru.

Trik

Capgo mengunggah folder pembangunan web yang dihasilkan. Perubahan HTML, CSS, JavaScript, aset, dan paket JavaScript murni dapat dilakukan OTA setelah dibundel di sana. Perubahan pada capacitor.config.tsUntuk plugin native, konfigurasi native, paket native, atau file proyek iOS/Android memerlukan rilis aplikasi native.

Petunjuk ini mengasumsikan Anda telah menyelesaikan Capgo Quickstart dan sudah memiliki:

1. Terinstal @capgo/capacitor-updater SDK in your Capacitor app

2. di aplikasi __CAPGO_KEEP_1__ Anda capacitor.config.ts

3. Added in your code the CapacitorUpdater.notifyAppReady() Menambahkan di aplikasi __CAPGO_KEEP_0__ Anda metode

Jika Anda belum melakukannya, silakan kembali dan selesaikan quickstart terlebih dahulu.

Tambahkan aplikasi Tambahkan aplikasi ke akun Capgo Anda, dan instal plugin di aplikasi Anda

Mengunggah Paket

Dengan Capgo SDK terinstal dan terkonfigurasi, Anda sudah siap untuk mengunggah bundle update hidup pertama Anda:

1. Membangun aset web:

   npm run build

2. Mengunggah bundle ke Capgo:

   Console

   npx @capgo/cli@latest bundle upload --channel=production

   Github Aksi

   github/aliran_kerja/bangun_dan_deploy.yml

   name: Build source code and send to Capgo
   
   concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
   
   on:
   push:
     branches:
       - main
   
   jobs:
   deploy_to_capgo:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v6
       - uses: actions/setup-node@v6
         with:
           node-version: '24'
       - name: Install dependencies
         run: npm install
       - name: Build
         run: npm run build
       - name: Deploy to Capgo
         run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} --channel ${{ env.CHANNEL }}
         env:
           CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}

   Gitlab

   .gitlab-ci.yml

   stages:
     - build
   
   build:
     stage: build
     image: node:18
     cache:
       - key:
           files:
             - package-lock.json
         paths:
           - .node_modules/
     script:
       - npm install
       - npm run build
       - npx @capgo/cli@latest bundle upload -a $CAPGO_TOKEN --channel $CAPGO_CHANNEL
     artifacts:
       paths:
         - node_modules/
         - dist/
     only:
       - master

   Proses ini akan mengunggah versi bundle baru ke saluran yang ditentukan dalam perintah.

Pengaturan Permasalahan Unggah

Jika unggahan Anda gagal, periksa lagi:

• ID aplikasi Anda di capacitor.config.ts sesuai dengan aplikasi Anda di dashboard Capgo
• Anda menjalankan perintah unggah dari root project Capacitor Anda
• Asset web Anda telah dibangun dan sudah diperbarui

Jika Anda masih mengalami masalah, silakan ke Troubleshooting bagian

Bagian ini.

Bagian berjudul ‘Menerima Perbaruan pada Perangkat’

1. Setelah Anda mengunggah bundle, Anda dapat menguji perbaruan live pada perangkat:

   npx cap sync ios

2. Salin ke clipboard

   npx @capgo/cli@latest app debug

3. Jalankan aplikasi Anda secara lokal:

   npx cap run ios

   atau buka proyek iOS/Android di Xcode/Android Studio dan lakukan jalankan natively.

4. Tunggu aplikasi terbuka selama sekitar 30 detik untuk memungkinkan pembaruan untuk diunduh di latar belakang.

5. Log akan memakan beberapa detik untuk diperbarui dan menampilkan status pembaruan.

6. Tutup dan buka aplikasi lagi. Anda seharusnya melihat pembaruan hidup Anda yang diterapkan!

Refer kembali ke Capgo Quickstart untuk detail lebih lanjut tentang menguji pembaruan hidup.

Langkah Selanjutnya

Selamat! Anda telah mengaktifkan pembaruan hidup pertama Anda dengan Capgo! 🎉

Untuk mempelajari lebih lanjut, tinjau bagian lain dari Capgo Dokumentasi Pembaruan Hidup. Beberapa topik penting untuk diperiksa selanjutnya:

• Mengarahkan Pembaruan dengan Saluran
• Mengatur perilaku pembaruan
• Pembaruan Hidup Rollback

Lanjutkan dari Deploy Pembaruan Hidup

Deploy Pembaruan Hidup untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Jika Anda menggunakan Deploy a Live Update untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Capgo Pengujian/Deploy untuk alur kerja produk di Capgo Pengujian/Deploy Capgo Pembangunan Nativ untuk alur kerja produk di Capgo Pembangunan Nativ Capgo Integrasi untuk alur kerja produk di Capgo Integrasi Pengintegrasian CI/CD untuk detail implementasi di Pengintegrasian CI/CD, dan GitHub Pengintegrasian Aksi untuk detail implementasi di GitHub Pengintegrasian Aksi