Sebuah situs responsif bukanlah aplikasi toko
Kehadiran toko, notifikasi push, dan API perangkat memerlukan sebuah shell aplikasi native di sekitar web code.
Untuk tim dengan aplikasi web
Wrap aplikasi web Anda dengan Capacitor, bangun file biner yang ditandatangani dengan Capgo Bangun, dan publikasikan ke App Store dan Google Play. Setelah peluncuran, kirimkan perubahan web sebagai pembaruan hidup. Aplikasi web Anda code tetap sebagai sumber.
Dukungan manusia dari Martin
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 membangun file statis
Simpan aplikasi yang Anda perbarui
Proyek iOS dan Android asli, dibangun di awan, diperbarui secara nirkabel
Masalahnya
Kehadiran toko, notifikasi push, dan API perangkat memerlukan sebuah shell aplikasi native di sekitar web code.
Xcode, Android Studio, sertifikat tanda tangan, kunci penyimpanan, dan catatan toko adalah pekerjaan tim Anda yang belum pernah dilakukan sebelumnya.
Aplikasi web Anda berlayar kapan saja Anda menggabungkan. Aplikasi toko menunggu ulasan setiap perubahan, seringnya 24-48 jam, kadang-kadang lebih lama.
Sebelum Anda memulai
Aplikasi web kebanyakan berjalan di dalam Capacitor dengan sedikit perubahan. Tiga periksaan ini menangkap masalah umum yang paling sering.
Capacitor memuat file yang telah dibangun Anda dari satu folder (webDir). Vite, Angular, dan Vue menghasilkan itu secara default. Next.js memerlukan ekspor statis.
Next.js dengan CapacitorPeriksa bahwa rute klien, pengalihan OAuth, dan tautan berfungsi di dalam aplikasi, bukan hanya di domain Anda.
Petunjuk aplikasi web ke CapacitorDaftar apa yang memerlukan plugin asli: notifikasi push, kamera, file, biometrik, atau pembelian dalam aplikasi.
Capacitor pluginThe Solution
Aplikasi web Anda mendapatkan lapisan native dengan Capacitor. Capgo membangunnya, mengirimkannya ke toko, dan memastikan pembaruan terus berjalan.
Capacitor menempatkan aplikasi web yang dibangun Anda di proyek-proyek iOS dan Android asli. Plugin memberikan akses JavaScript Anda ke fitur perangkat.
Capacitor pluginMinta build iOS dan Android dari CLI. Build iOS berjalan di Mac cloud, sehingga tidak ada orang di tim yang membutuhkannya. Build biasanya membutuhkan waktu 2-3 menit.
Capgo Build dokumenRilis yang telah ditandatangani unggah ke App Store Connect dan Google Play. Rilis pertama dan setiap perubahan native masih melalui tinjauan toko.
Capgo Dokumen PembangunanKirim perubahan JavaScript, HTML, CSS, dan aset ke aplikasi yang terpasang tanpa rilis toko baru. Uji di saluran pengujian terlebih dahulu.
__CAPGO_KEEP_0__ Dokumen SaluranBagaimana Cara Kerjanya
From an existing web app to store builds and live updates. Capacitor commands come from the Capacitor CLI, Capgo commands from the Capgo CLI docs.
Pasang Capacitor, atur nama aplikasi, ID aplikasi, dan folder keluaran build, kemudian 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
Bagaimana tim web mengirimkan aplikasi mobile dengan Capacitor
Proses onboarding menambahkan aplikasi Anda ke Capgo, membuat saluran produksi, menginstal plugin pembaruan, dan memandu Anda melalui tes pembaruan pertama.
npx @capgo/cli@latest init
CLI Panduan Onboarding
Atur signing sekali, kemudian minta build iOS dan Android. Build yang telah ditandatangani akan diunggah 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 perubahan web baru ke saluran. Perubahan asli masih memerlukan pembangunan toko baru.
npm run build
npx @capgo/cli@latest bundle upload --channel production
Kirimkan pembaruan
Opsional: Agent Pembangunan AI
Jika Anda Menggunakan Agent Pembangunan AI, Salin Ringkasan Ini. Ini Menginspeksi Aplikasi dan Menulis File Handoff dengan Konfigurasi, Kebutuhan Plugin, dan Tugas Terbuka Sebelum Siapa Pun Menggunakan Alat Pemrosesan Asli.
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
Aplikasi yang sudah berjalan di web dapat mengemas sama code dengan Capacitor, mempublikasikan ke App Store dan Google Play, dan terus mengirimkan perbaikan layer web sebagai pembaruan hidup.
Aplikasi polling yang digunakan di web dan di ponsel, di mana pembicara dan peserta mengharapkan alur yang sama.
Platform pasar dengan produk web yang 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.
Klien bukti
Desain, radius 5
"Capgo Build membantu kami memudahkan proses rilis aplikasi kami Capacitor. Kami dapat membangun dan mengirimkan aplikasi iOS dan Android dari satu alur kerja yang jelas."
Pendiri, NuTriQ
“Dengan kemampuan untuk memperbarui aplikasi secara OTA secara instan tanpa harus menunggu siklus ulasan App Store penuh, kami telah mendapatkan keuntungan operasional yang sangat besar.”
Siapa yang membayar, Anirol
“Sejak saya mulai menggunakan Capgo segala sesuatu menjadi lebih cepat, dan saya dapat memberikan waktu kepada pengguna saya tanpa mengabaikan kehidupan sehari-hari saya.”
Pertanyaan
Jawaban singkat untuk tim yang mengambil aplikasi web yang sudah ada ke App Store dan Google Play.
Nomor Capacitor menjalankan pembangunan web Anda di dalam proyek-proyek native iOS dan Android. Anda menambahkan plugin di mana Anda membutuhkan fitur perangkat dan menjaga satu basis kode untuk web dan mobile.
Petunjuk Pembangunan Web ke Mobile CapacitorYa, dengan ekspor statis. Capacitor memuat file dari folder keluaran pembangunan, jadi atur output: 'ekspor' dan poin webDir ke folder yang diekspor. Vite, Angular, dan Vue menghasilkan output statis secara default.
Next.js dengan CapacitorTidak. Capgo Build menjalankan pembangunan iOS di mesin Mac cloud dan mengunggah build yang ditandatangani ke App Store Connect. Anda masih membutuhkan akun Pengembang Apple.
Capgo Build DokumentasiJavaScript, HTML, CSS, dan aset dapat dikirim sebagai pembaruan hidup. Menambahkan plugin, mengubah izin, atau mengupdate Capacitor membutuhkan pembangunan toko baru.
Live update atau pembangunan native?Ya. Jalankan upload bundle setelah pembangunan web Anda di GitHub Aksi, GitLab CI, atau pipeline apa pun, dan minta bangun asli dari pipeline yang sama ketika perubahan asli code.
Integrasi CI/CDMulai uji coba gratis 14 hari, bungkus aplikasi Anda dengan Capacitor, dan minta bangun iOS dan Android pertama Anda dari CLI.
Dukungan manusia dari Martin