Langsung ke konten utama

Untuk tim dengan web app

Ubah web app Anda menjadi aplikasi iOS dan Android

Bungkus web build yang sudah ada dengan Capacitor, buat signed binary dengan Capgo Build, lalu publish ke App Store dan Google Play. Setelah launch, rilis perubahan web sebagai live updates. code web Anda tetap menjadi sumbernya.

untuk web, iOS, dan Android
Satu codebase
native build biasa
2–3 mnt
untuk perubahan web setelah rilis
Live Updates
npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init "Your App" com.company.app --web-dir dist
npx cap add ios && npx cap add android
npx @capgo/cli@latest init
npx @capgo/cli@latest build request --platform ios

Web app Anda

React, Vue, Angular, Svelte, atau stack apa pun yang di-build menjadi static files

Aplikasi store yang terus Anda update

Proyek native iOS dan Android, dibangun di cloud, diperbarui lewat over-the-air

Masalahnya

Tim Anda merilis web setiap hari. Mobile menambah pekerjaan baru.

Situs responsif bukan aplikasi store

Kehadiran di store, push notifications, dan device APIs butuh native app shell di sekitar web code Anda.

Native tooling itu baru bagi tim web

Xcode, Android Studio, signing certificates, keystores, dan store records adalah pekerjaan yang belum pernah dilakukan tim Anda.

Dua kecepatan rilis

Web app Anda dirilis setiap kali Anda merge. Aplikasi store menunggu review di setiap perubahan, sering kali 24–48 jam, kadang jauh lebih lama.

Sebelum memulai

Apa yang perlu dicek dulu di web app Anda

Kebanyakan web app berjalan di dalam Capacitor dengan sedikit perubahan. Tiga pengecekan ini menangkap masalah umum lebih awal.

Output build statis

Capacitor memuat file build Anda dari satu folder (webDir). Vite, Angular, dan Vue menghasilkannya secara default. Next.js butuh static export.

Next.js dengan Capacitor

Routing dan redirect sign-in

Pastikan client-side route, redirect OAuth, dan link berfungsi di dalam aplikasi, bukan hanya di domain Anda.

Panduan web app ke Capacitor

Fitur perangkat yang dibutuhkan

Daftar yang butuh plugin native: push notifications, kamera, file, biometrik, atau in-app purchases.

Plugin Capacitor

Solusinya

Apa yang ditangani Capacitor dan Capgo

Capacitor memberi web app Anda native shell. Capgo melakukan build, mengirimnya ke store, dan menjaganya tetap up-to-date.

Capacitor membungkus web build Anda

Capacitor menempatkan web app hasil build Anda ke dalam proyek native iOS dan Android. Plugin memberi JavaScript Anda akses ke fitur perangkat.

Plugin Capacitor

Capgo Build melakukan kompilasi dan signing

Ajukan build iOS dan Android dari CLI. Build iOS berjalan di cloud Mac, jadi tak ada anggota tim yang perlu punya Mac sendiri. Build biasanya memakan waktu 2–3 menit.

Dokumentasi Build Capgo

Upload ke store

Build yang sudah di-sign akan di-upload ke App Store Connect dan Google Play. Rilis pertama dan setiap perubahan native tetap melalui review store.

Dokumentasi Build Capgo

Live updates setelah rilis

Kirim perubahan JavaScript, HTML, CSS, dan asset ke aplikasi yang sudah terinstal tanpa rilis store baru. Tes dulu di staging channel.

Dokumentasi Channels

Cara kerjanya

Cara tim web merilis aplikasi mobile dengan Capgo

Dari web app yang sudah ada ke build untuk store dan live update. Perintah Capacitor berasal dari Capacitor CLI, perintah Capgo dari docs Capgo CLI.

  1. Tambahkan Capacitor ke web app Anda

    Install Capacitor, atur nama app, bundle ID, dan folder output build, lalu tambahkan project iOS dan Android.

    npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
    npx cap init "Your App" com.company.app --web-dir dist
    npx cap add ios
    npx cap add android
    Panduan web app ke Capacitor
  2. Hubungkan app ke Capgo

    Proses onboarding akan menambahkan aplikasi Anda ke Capgo, membuat channel produksi, menginstal plugin updater, dan memandu Anda melakukan update uji coba pertama.

    npx @capgo/cli@latest init
    Panduan onboarding CLI
  3. Build aplikasi signed di cloud

    Atur signing sekali saja, lalu request build iOS dan Android. Build yang sudah di-sign akan di-upload ke App Store Connect dan Google Play untuk direview.

    npm run build && npx cap sync
    npx @capgo/cli@latest build init
    npx @capgo/cli@latest build request --platform ios
    npx @capgo/cli@latest build request --platform android
    Dokumentasi Build Capgo
  4. Rilis perubahan web sebagai Live Update

    Setelah pengguna menginstal aplikasi dari store, upload setiap web build baru ke sebuah channel. Perubahan Native tetap memerlukan build store baru.

    npm run build
    npx @capgo/cli@latest bundle upload --channel production
    Rilis update

Opsional: AI coding agent

Berikan brief rilis mobile ke coding agent Anda

Jika Anda menggunakan AI coding agent, tempelkan brief ini. Agent akan memeriksa app dan membuat file handoff berisi konfigurasi, kebutuhan plugin, serta tugas yang belum selesai sebelum menjalankan native tooling.

Brief rilis mobile AI

You are preparing this existing web app to become an installable iOS and Android app.
Do not assume you can run local tooling. If this environment cannot create native projects or run local tools, create a clean handoff document instead.

Inspect the app and return:

1. The framework, package manager, production build process, and build output folder.
2. Whether the app can be exported or committed to a real Git repository.
3. The app name, bundle ID or package ID suggestion, app icon and splash-screen source, and any missing brand assets.
4. Auth, redirect, deep-link, storage, camera, push, payment, geolocation, file, or notification features that need native plugin planning.
5. Routing, environment variables, API URLs, and asset assumptions that could break inside a native WebView.
6. A proposed Capacitor configuration, including appId, appName, webDir, and required plugins, without inventing secrets.
7. A release-channel plan: production, staging, preview, and rollback expectations for web-layer updates.
8. A list of tasks that must happen outside this environment, such as Apple signing, Android keystore setup, native sync, store records, and signed builds.
9. A docs/mobile-release-handoff.md file with the exact checklist, open questions, and files that a developer or build service should handle next.
10. A short summary of what you changed, what you could not do in this environment, and the next human action.

Aplikasi yang dibangun dengan Capacitor

Produk web yang juga merilis aplikasi store

Produk yang sudah ada di web dapat mengemas code yang sama dengan Capacitor, mempublikasikannya ke App Store dan Google Play, serta terus mengirimkan peningkatan web-layer sebagai Live Update.

Ikon aplikasi Poll Everywhere BISNIS

Poll Everywhere

Produk polling audiens yang digunakan di web dan ponsel, di mana presenter dan peserta mengharapkan alur yang sama.

Instalasi Google Play
1,1 jt
Rating toko
3.2
Freelancer: Ikon aplikasi Hire & Find Jobs BISNIS

Freelancer: Rekrut & Cari Kerja

Marketplace dengan produk web skala besar di mana layar hiring, messaging, dan akun juga tersedia di aplikasi store.

Instalasi Google Play
8,9 jt
Rating toko
4.1
Ikon aplikasi TV SPIELFILM - TV-Programm ENTERTAINMENT

TV SPIELFILM - Program TV

Layanan jadwal TV dengan website yang ramai dan aplikasi di toko aplikasi yang menampilkan panduan serta konten editorial yang sama.

Instalasi Google Play
12,1 jt
Rating toko
4.4

Bukti nyata pelanggan

Apa kata tim yang merilis aplikasi dengan Capgo

5.0/5 Diberi rating oleh tim developer 9,400+ tim Baca ulasan

sikafanka

Desain, radius 5

“Capgo Build membantu kami menyederhanakan proses rilis aplikasi Capacitor kami. Kami bisa build dan ship aplikasi iOS dan Android dari satu workflow yang jelas.”

Kapil

Pendiri, NuTriQ

“Bisa melakukan push update OTA produksi secara instan tanpa harus menunggu siklus review App Store yang lama memberikan keuntungan operasional yang sangat besar.”

Foto Luis Dominguez

Luis Dominguez

Siapa yang bayar, dia yang atur

“Sejak saya mulai menggunakan Capgo, semuanya jadi lebih cepat, dan saya bisa memberi user waktu yang pantas mereka dapatkan tanpa mengabaikan kehidupan sehari-hari.”

FAQ

Pertanyaan dari tim web

Jawaban singkat bagi tim yang ingin membawa web app yang sudah ada ke App Store dan Google Play.

Apakah kami harus menulis ulang web app kami?

Tidak. Capacitor menjalankan web build Anda yang sudah ada di dalam proyek native iOS dan Android. Anda cukup menambahkan plugin saat membutuhkan fitur perangkat dan tetap menggunakan satu codebase untuk web maupun mobile.

Panduan web app ke Capacitor

Apakah ini berfungsi dengan Next.js?

Ya, dengan static export. Capacitor memuat file dari folder output build Anda, jadi set output: 'export' dan arahkan webDir ke folder hasil export. Vite, Angular, dan Vue secara default menghasilkan output statis.

Next.js dengan Capacitor

Apakah kita butuh Mac untuk build iOS?

Tidak. Capgo Build menjalankan build iOS di mesin Mac cloud dan mengunggah build yang sudah di-sign ke App Store Connect. Anda tetap butuh akun Apple Developer.

Dokumentasi Build Capgo

Apa saja yang bisa diubah tanpa rilis ke store?

JavaScript, HTML, CSS, dan aset bisa dikirim sebagai live updates. Menambahkan plugin, mengubah permission, atau memperbarui Capacitor butuh build store baru.

Live update atau Native Build?

Bisakah update mobile dikirim dari CI yang sudah ada?

Bisa. Jalankan bundle upload setelah web build Anda di GitHub Actions, GitLab CI, atau pipeline apa pun, dan minta native build dari pipeline yang sama saat native code berubah.

Integrasi CI/CD

Bawa web app Anda ke app store

Mulai uji coba gratis 14 hari, bungkus app Anda dengan Capacitor, dan minta build iOS serta Android pertama Anda dari CLI. Pilih paket dengan garansi uang kembali 14 hari, bungkus app Anda dengan Capacitor, dan minta build iOS serta Android pertama Anda dari CLI.