Deploy Update Langsung

Pakai Fitur Perbarui Hidup Capgo untuk memperbarui antarmuka pengguna dan logika bisnis aplikasi Anda secara remote, secara real-time. Perbarui bundle JS secara langsung ke pengguna Anda tanpa harus melewati toko aplikasi untuk memperbaiki bug dan mengirimkan fitur baru secara instan.

Panduan ini asumsikan Anda telah menyelesaikan Capgo Quickstart dan sudah memiliki:

1. Terinstal __CAPGO_KEEP_0__ di aplikasi __CAPGO_KEEP_1__ Anda @capgo/capacitor-updater SDK in your Capacitor app

2. __CAPGO_KEEP_0__ capacitor.config.ts

3. Menambahkan di code Anda CapacitorUpdater.notifyAppReady() metode

Jika Anda belum melakukan langkah-langkah tersebut, silakan kembali dan lengkapi 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 paket update hidup pertama Anda:

1. Bangun aset web:

   npm run build

2. Unggah paket ke Capgo:

   Konsol

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

   Github Aksi

   .github/workflows/build_and_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

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

Troubleshooting Uploads

Jika unggahan gagal, periksa kembali:

• ID aplikasi Anda di capacitor.config.ts sama dengan aplikasi Anda di dashboard Capgo
• Anda menjalankan perintah unggahan dari root proyek Capacitor Anda
• Aset web Anda dibangun dan sudah terkini

Jika Anda masih mengalami masalah, lihat bagian Pengaturan .

Menerima Perbaruan pada Perangkat

Setelah bundel Anda diunggah, Anda dapat menguji perbaruan live pada perangkat:

1. Sinkronkan aplikasi ke perangkat:

   npx cap sync ios

2. Buka jendela terminal lain dan jalankan perintah berikut untuk memeriksa status pembaruan:

   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 native.

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

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

6. Tutup dan buka aplikasi kembali. Anda seharusnya melihat pembaruan live Anda yang diterapkan!

Refer back to Capgo Panduan Cepat untuk informasi lebih lanjut tentang menguji pembaruan live.

Langkah-Langkah Selanjutnya

Selamat atas penggunaan pembaruan live pertama Anda dengan Capgo! 🎉

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

• Mengarahkan Pembaruan dengan Saluran
• Mengatur perilaku pembaruan live
• Pengembalian Pembaruan Live

Teruskan dari Deploy Update Hidup

Jika Anda menggunakan Deploy Update Hidup untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Capgo CI/CD untuk alur kerja produk di Capgo CI/CD, Capgo Pembangunan Natively untuk alur kerja produk di Capgo Pembangunan Natively, Capgo Integrasi untuk alur kerja produk di Capgo Integrasi, Integrasi CI/CD untuk detail implementasi di Integrasi CI/CD, dan GitHub Integrasi Aksi untuk detail implementasi di GitHub Integrasi Aksi.