__CAPGO_KEEP_0__ | Lompat ke Konten Utama

Untuk Tim dengan Aplikasi Web

Beralihkan Aplikasi Web Anda ke iOS dan Android

Wrap your existing web build with Capacitor, build signed binaries with Capgo Build, and publish to the App Store and Google Play. After launch, ship web changes as live updates. Your web code stays the source.

untuk web, iOS, dan Android
Satu kodebasis
bangunan native biasa
2–3 menit
perubahan web setelah peluncuran
Pembaruan Langsung
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

Aplikasi web Anda

React, Vue, Angular, Svelte, atau stack apa pun yang menghasilkan file statis

Simpan aplikasi yang Anda perbarui

Proyek iOS dan Android native, dibangun di awan, diperbarui secara nirkabel

Masalahnya

Tim Anda mengirimkan web setiap hari. Mobile menambahkan pekerjaan baru.

Aplikasi responsif bukanlah aplikasi toko

Aplikasi toko, pemberitahuan push, dan API perangkat memerlukan sebuah shell aplikasi native di sekitar web code.

Aplikasi native adalah alat baru untuk tim web

Xcode, Android Studio, sertifikat tanda tangan, kunci simpanan, dan catatan toko adalah pekerjaan tim yang belum pernah dilakukan sebelumnya.

Dua kecepatan rilis

Aplikasi web Anda dikirimkan setiap kali Anda melakukan merge. Aplikasi toko menunggu ulasan setelah setiap perubahan, seringkali membutuhkan waktu 24-48 jam, bahkan lebih lama.

Sebelum Anda memulai

What to check in your web app first

Banyak aplikasi web berjalan di dalam Capacitor dengan sedikit perubahan. Tiga periksaan ini menangkap masalah umum pada awalnya.

Hasil pembangunan statis

Capacitor memuat file-file yang dibangun Anda dari satu folder (webDir). Vite, Angular, dan Vue menghasilkan itu secara default. Next.js memerlukan ekspor statis.

Next.js dengan Capacitor

Rute dan pengalihan masuk

Pastikan rute sisi klien, pengalihan OAuth, dan tautan berfungsi di dalam aplikasi, bukan hanya di domain Anda.

Petunjuk Web App ke Capacitor

Fitur perangkat yang Anda butuhkan

Daftar apa yang memerlukan plugin asli: push notifikasi, kamera, file, biometrik, atau pembelian dalam aplikasi.

Capacitor plugin

The Solution

Apa yang Capacitor dan Capgo tangani

Capacitor memberikan aplikasi web Anda sebuah shell asli. Capgo membangunnya, mengirimkannya ke toko, dan memperbarui aplikasi tersebut.

Capacitor mengelilingi aplikasi web Anda

Capacitor menempatkan aplikasi web yang dibangun Anda di proyek iOS dan Android asli. Plugin memberikan akses JavaScript Anda ke fitur perangkat.

Capacitor plugin

Buat Capgo Build dan tandatangan

Minta pembangunan iOS dan Android dari CLI. Pembangunan iOS berjalan di Mac cloud, sehingga tidak ada orang di tim yang memerlukan satu. Pembangunan biasanya memakan waktu 2-3 menit.

Capgo Build dokumen

Mengunggah ke toko

Pembangunan yang ditandatangani mengunggah ke App Store Connect dan Google Play. Rilis pertama dan setiap perubahan native masih melalui tinjauan toko.

Capgo Build dokumen

Pembaruan hidup setelah peluncuran

Kirim perubahan JavaScript, HTML, CSS, dan aset ke aplikasi yang terpasang tanpa rilis toko baru. Uji di saluran pengujian terlebih dahulu.

Dokumen saluran

Bagaimana cara kerjanya

Bagaimana tim web mengirimkan aplikasi mobile dengan Capgo

Dari aplikasi web yang ada ke pembangunan toko dan pembaruan hidup. Capacitor perintah berasal dari Capacitor CLI, Capgo perintah dari Capgo CLI dokumen.

  1. Tambahkan Capacitor ke aplikasi web Anda

    Instal Capacitor, atur nama aplikasi, ID aplikasi, dan folder keluaran pembangunan, lalu tambahkan proyek 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
    Petunjuk membuat aplikasi web menjadi Capacitor
  2. Hubungkan aplikasi ke Capgo

    Proses onboarding menambahkan aplikasi Anda ke Capgo, membuat saluran produksi, menginstal plugin pembaruan, dan memandu Anda melalui pembaruan uji coba pertama.

    npx @capgo/cli@latest init
    CLI petunjuk onboarding
  3. Bangun aplikasi yang ditandatangani di cloud

    Set up tanda tangan sekali, lalu minta pembangunan iOS dan Android. Pembangunan yang ditandatangani mengunggah ke App Store Connect dan Google Play untuk tinjauan.

    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
    Capgo Dokumen pembangunan
  4. Kirimkan perubahan web sebagai pembaruan hidup

    Setelah pengguna menginstal aplikasi toko, unggah setiap build web baru ke sebuah saluran. Perubahan native masih memerlukan build toko baru.

    npm run build
    npx @capgo/cli@latest bundle upload --channel production
    Kirimkan pembaruan

Agent kode opsional: AI

Berikan agen kode Anda ringkasan rilis mobile

Jika Anda menggunakan agen kode AI, tempel ringkasan ini. Ringkasan ini memeriksa aplikasi dan menulis file handoff dengan konfigurasi, kebutuhan plugin, dan tugas terbuka sebelum siapa pun menjalankan alat native.

Ringkasan 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 mengirimkan aplikasi toko

Produk yang sudah hidup di web dapat mengemas sama code dengan Capacitor, menerbitkan ke App Store dan Google Play, dan terus mengirimkan perbaikan layer web sebagai pembaruan hidup.

Logo Poll Everywhere BUSINESS

Poll Everywhere

Aplikasi polling audiens yang digunakan di web dan di ponsel, di mana pembicara dan peserta mengharapkan alur yang sama.

Instalasi Google Play
1,1Juta
Nilai toko
3.2
Logo Freelancer: Cari & Pekerjaan PERUSAHAAN

Freelancer: Cari & Pekerjaan

Aplikasi pasar dengan produk web besar di mana pengajuan pekerjaan, pesan, dan layar akun juga dikirimkan dalam aplikasi toko.

Unduh di Google Play
8,9 juta
Penilaian Toko
4.1
Logo TV SPIELFILM - TV-Programm ENTERTAINMENT

TV SPIELFILM - Program TV

Jasa daftar acara TV dengan situs web yang sibuk dan aplikasi toko yang menampilkan panduan acara dan konten editorial yang sama.

Google Play menginstal
12,1 juta
Penilaian Toko
4.4

Bukti pelanggan

Apa tim yang mengirimkan dengan Capgo

5.0/5 Ditilai oleh tim pengembang 9,400+ Tim Baca ulasan

sikafanka

Desain, radius 5

“Capgo Build membantu kami memudahkan proses rilis aplikasi Capacitor kami. Kami dapat membangun dan mengirimkan aplikasi iOS dan Android dari satu alur kerja yang jelas.”

Kapil

Pendiri, NuTriQ

“Dengan kemampuan untuk memasang pembaruan produksi OTA secara instan tanpa harus menunggu siklus tinjauan App Store penuh, kami telah mendapatkan keuntungan operasional yang sangat besar.”

Potret Luis Dominguez

Luis Dominguez

Siapa yang membayar, Anirol

“Sejak saya menggunakan Capgo semuanya menjadi lebih cepat, dan saya dapat memberikan waktu kepada pengguna saya tanpa mengabaikan kehidupan sehari-hari saya.”

FAQ

Pertanyaan yang sering ditanyakan tim web

Jawaban singkat untuk tim yang mengembangkan aplikasi web dan ingin memasukkannya ke App Store dan Google Play.

Apakah kita harus menulis ulang aplikasi web?

Tidak. Capacitor menjalankan aplikasi web yang sudah ada di dalam proyek native iOS dan Android. Anda hanya perlu menambahkan plugin di mana Anda membutuhkan fitur perangkat dan menjaga satu kodebase untuk web dan mobile.

Petunjuk untuk mengubah aplikasi web menjadi Capacitor

Apakah itu berfungsi dengan Next.js?

Ya, dengan ekspor statis. Capacitor memuat file dari folder output build, jadi atur output menjadi 'export' dan poin webDir ke folder yang diekspor. Vite, Angular, dan Vue menghasilkan output statis secara default.

Next.js dengan Capacitor

Apakah kita membutuhkan Mac untuk membuat iOS?

Tidak. Capgo Build menjalankan build iOS di mesin Mac cloud dan mengunggah build yang ditandatangani ke App Store Connect. Anda masih membutuhkan akun pengembang Apple.

Dokumen Bangun Capgo

Apa yang dapat kita ubah tanpa rilis toko?

JavaScript, HTML, CSS, dan aset dapat dikirim sebagai pembaruan hidup. Menambahkan plugin, mengubah izin, atau memperbarui Capacitor memerlukan bangun toko baru.

Live update atau bangun asli?

Apa pembaruan mobile dapat dikirim dari CI yang sudah ada kita?

Ya. Jalankan upload bundle setelah bangun web di GitHub Actions, GitLab CI, atau pipeline mana pun, dan minta bangun asli dari pipeline yang sama ketika code asli berubah.

Integrasi CI/CD

Masukkan aplikasi web ke toko

Mulai uji coba 14 hari gratis, bungkus aplikasi dengan Capacitor, dan minta bangun iOS dan Android pertama dari CLI.