Langsung ke konten utama

Untuk tim dengan aplikasi web

Mengubah aplikasi web Anda menjadi aplikasi iOS dan Android

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

untuk web, iOS, dan Android
Satu basis kode
Konstruksi 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 membangun file statis

Simpan aplikasi yang Anda perbarui

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

Masalahnya

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

Sebuah situs responsif bukanlah aplikasi toko

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

Alat bawaan asli adalah baru untuk tim web

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

Dua kecepatan rilis

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

What to check in your web app first

Aplikasi web kebanyakan berjalan di dalam Capacitor dengan sedikit perubahan. Tiga periksaan ini menangkap masalah umum yang paling sering.

Output pembangunan statis

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 Capacitor

Pengalihan dan pengalihan login

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

Petunjuk aplikasi web ke Capacitor

Fitur perangkat yang Anda butuhkan

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

Capacitor plugin

The Solution

Apa yang Capacitor dan Capgo tangani

Aplikasi web Anda mendapatkan lapisan native dengan Capacitor. Capgo membangunnya, mengirimkannya ke toko, dan memastikan pembaruan terus berjalan.

Capacitor mengelilingi pembangunan web Anda

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

Capacitor plugin

Capgo Build mengompilasi dan menandatangani

Minta 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 dokumen

Unggah ke toko-toko

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

Capgo Dokumen Pembangunan

Perbarui hidup setelah peluncuran

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

__CAPGO_KEEP_0__ Dokumen Saluran

Bagaimana Cara Kerjanya

How web teams ship mobile apps with Capgo

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.

  1. Instal Capacitor, atur nama aplikasi, ID paket, dan folder keluaran pembangunan, lalu tambahkan proyek iOS dan Android.

    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
  2. Hubungkan aplikasi ke Capgo

    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
  3. Bangun aplikasi yang ditandatangani di awan

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

    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

Berikan Agent Pembangunan Anda Ringkasan Rilis Mobile

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

Produk Web yang Juga Mengirimkan Aplikasi Toko

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 Poll Everywhere POLLING

Aplikasi Poll Everywhere

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

Instalasi Google Play
1,1 Juta
Peringkat Toko
3.2
Aplikasi Freelancer: Hire & Find Jobs POLLING

Pengusaha Bebas: Sewa & Temukan Pekerjaan

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

Instalasi Google Play
8,9 juta
Peringkat Toko
4.1
Logo ikon aplikasi TV SPIELFILM - TV-Programm ENTERTAINMENT

TV SPIELFILM - TV-Programm

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

Instalasi Google Play
12,1 juta
Rating Toko
4.4

Klien bukti

Apakah tim yang mengirimkan dengan Capgo mengatakan

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

sikafanka

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."

Kapil

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.”

Potret Luis Dominguez

Luis Dominguez

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

Pertanyaan Tim Web

Jawaban singkat untuk tim yang mengambil aplikasi web yang sudah ada ke App Store dan Google Play.

Apakah kita harus mengubah aplikasi web kita?

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 Capacitor

Apakah itu berfungsi dengan Next.js?

Ya, 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 Capacitor

Apakah kami membutuhkan Mac untuk pembangunan iOS?

Tidak. 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 Dokumentasi

Apa yang dapat kami ubah tanpa rilis toko?

JavaScript, 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?

Apakah pembaruan mobile dapat dikirim dari CI kami yang ada?

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/CD

Masukkan aplikasi web Anda ke toko

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

Dukungan manusia dari Martin