Deploy Perbaruan Langsung

Gunakan fitur Capgo’s Live Updates untuk memperbarui UI dan logika bisnis aplikasi Anda secara remote, secara real-time. Sampaikan pembaruan bundle JS langsung kepada pengguna Anda tanpa harus melewati toko aplikasi untuk memperbaiki bug dan mengirimkan fitur baru.

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

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

2. dalam aplikasi capacitor.config.ts

3. Added in your code the CapacitorUpdater.notifyAppReady() Mengonfigurasi ID aplikasi dan saluran pembaruan di

Jika Anda belum melakukan langkah-langkah tersebut, silakan kembali dan lengkapi quickstart terlebih dahulu.

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

Mengunggah Paket

Dengan Capgo SDK terinstal dan terkonfigurasi, Anda sudah siap untuk mengunggah paket live update pertama Anda:

1. Buatlah 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

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

Pengaturan Penyelesaian Masalah

Jika unggahan Anda gagal, periksa lagi:

• ID aplikasi Anda di capacitor.config.ts matches your aplikasi di dashboard Capgo
• Anda menjalankan perintah unggah dari root proyek Capacitor Anda
• Sumber daya web Anda dibangun dan sudah terkini

Jika Anda masih mengalami masalah, lihat bagian Pengaturan bagian.

Menerima Perbaruan pada Perangkat

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

1. Sinkronkan aplikasi ke perangkat:

   npx cap sync ios

2. Buka 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 memakan beberapa detik untuk memperbarui dan menampilkan status pembaruan.

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

Refer back to the Capgo Quickstart Untuk informasi lebih lanjut tentang pengujian update hidup.

Langkah-Langkah Selanjutnya

Selamat atas pengembangan update hidup pertama Anda dengan Capgo! 🎉

Untuk mempelajari lebih lanjut, tinjau bagian lain dari Dokumentasi Capgo Live Updates. Topik-topik penting untuk diperiksa selanjutnya:

• Mengarahkan Update dengan Saluran
• Mengatur perilaku update
• Rollback Update Hidup

Teruskan dari Deploy a Live Update

Jika Anda menggunakan Deploy Live Update untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Capgo CI/CD untuk alur kerja produk di Capgo CI/CD, Capgo Pembangunan Nativ untuk alur kerja produk di Capgo Pembangunan Nativ, 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.