Aplikasi responsif bukanlah aplikasi toko
Aplikasi toko, pemberitahuan push, dan API perangkat memerlukan sebuah shell aplikasi native di sekitar web code.
Untuk Tim dengan Aplikasi Web
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.
14-hari percobaan gratis tanpa batas. Tidak memerlukan kartu kredit
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
Aplikasi toko, pemberitahuan push, dan API perangkat memerlukan sebuah shell aplikasi native di sekitar web code.
Xcode, Android Studio, sertifikat tanda tangan, kunci simpanan, dan catatan toko adalah pekerjaan tim yang belum pernah dilakukan sebelumnya.
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
Banyak aplikasi web berjalan di dalam Capacitor dengan sedikit perubahan. Tiga periksaan ini menangkap masalah umum pada awalnya.
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 CapacitorPastikan rute sisi klien, pengalihan OAuth, dan tautan berfungsi di dalam aplikasi, bukan hanya di domain Anda.
Petunjuk Web App ke CapacitorDaftar apa yang memerlukan plugin asli: push notifikasi, kamera, file, biometrik, atau pembelian dalam aplikasi.
Capacitor pluginThe Solution
Capacitor memberikan aplikasi web Anda sebuah shell asli. Capgo membangunnya, mengirimkannya ke toko, dan memperbarui aplikasi tersebut.
Capacitor menempatkan aplikasi web yang dibangun Anda di proyek iOS dan Android asli. Plugin memberikan akses JavaScript Anda ke fitur perangkat.
Capacitor pluginMinta 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 dokumenPembangunan yang ditandatangani mengunggah ke App Store Connect dan Google Play. Rilis pertama dan setiap perubahan native masih melalui tinjauan toko.
Capgo Build dokumenKirim perubahan JavaScript, HTML, CSS, dan aset ke aplikasi yang terpasang tanpa rilis toko baru. Uji di saluran pengujian terlebih dahulu.
Dokumen saluranBagaimana cara kerjanya
Dari aplikasi web yang ada ke pembangunan toko dan pembaruan hidup. Capacitor perintah berasal dari Capacitor CLI, Capgo perintah dari Capgo CLI dokumen.
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
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
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
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
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 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.
Aplikasi polling audiens yang digunakan di web dan di ponsel, di mana pembicara dan peserta mengharapkan alur yang sama.
Aplikasi pasar dengan produk web besar di mana pengajuan pekerjaan, pesan, dan layar akun juga dikirimkan dalam aplikasi toko.
Jasa daftar acara TV dengan situs web yang sibuk dan aplikasi toko yang menampilkan panduan acara dan konten editorial yang sama.
Bukti pelanggan
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.”
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.”
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
Jawaban singkat untuk tim yang mengembangkan aplikasi web dan ingin memasukkannya ke App Store dan Google Play.
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 CapacitorYa, 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 CapacitorTidak. 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 CapgoJavaScript, 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?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/CDMulai uji coba 14 hari gratis, bungkus aplikasi dengan Capacitor, dan minta bangun iOS dan Android pertama dari CLI.
Ubah aplikasi web menjadi aplikasi iOS dan Android dengan Capgo Bangun.
Dukungan manusia dari Martin
14 hari percobaan gratis tanpa batas. Tidak memerlukan kartu kredit
Perluan bisnis? Hubungi tim kami