Lompat ke konten utama
Tutorial

Ubah Aplikasi Favorit Anda ke iOS dan Android dengan Capacitor

Petunjuk Langkah demi Langkah untuk Membuat Projek Favorit Anda, Menggabungkannya dengan Capacitor, Membangun Aplikasi iOS dan Android yang Tanda Tangan dengan Capgo Builder, dan Mengirimkan Perbaikan Secara Langsung.

Martin Donadieu

Martin Donadieu

Pengembang Konten

Mengubah Aplikasi yang Disukai Anda ke iOS dan Android dengan Capacitor

Pendahuluan

Disukai adalah pembuat aplikasi AI yang mengubah prompt menjadi aplikasi React yang berfungsi dalam menit. Anda dapat mengirimkan aplikasi ke browser dengan cepat — tetapi apa jika Anda ingin aplikasi Anda di App Store dan Google Play, berada di layar utama seperti setiap aplikasi asli?

Petunjuk ini menjelajahi jalur penuh: ekspor dari Disukai, bungkus aplikasi web dengan Capacitor, bangun biner iOS dan Android yang ditandatangani di cloud dengan Capgo Builder (tidak memerlukan Mac), tambahkan fitur asli native yang nyata, dan push perbaikan layout secara nirkabel dengan Capgo Aktualisasi Langsung.

Kami menggunakan Kursor melalui — AI-nya dapat menjalankan sebagian besar perintah terminal untuk Anda jika Anda tidak ingin mengetiknya secara manual.

Waktu yang dibutuhkan: sekitar 1–2 jam pertama kali, terutama pengaturan akun dan menunggu build di awan.

Dengan demikian, Anda akan memiliki:

  • Aplikasi iOS dan Android asli yang dibangun dari awan — tidak ada Xcode atau Android Studio di jalur utama
  • Aplikasi berjalan di perangkat nyata (TestFlight, instalasi langsung, atau Play internal testing)
  • Ciri kamera yang berfungsi hanya dapat ditawarkan oleh aplikasi asli
  • Aktualisasi Langsung yang terkonfigurasi sehingga perbaikan UI dan CSS dapat berlalu tanpa tinjauan toko

Persyaratan sebelumnya

Persyaratan Detail
Sebuah komputer Mac, Windows, atau Linux — bangun awan bekerja dari sistem operasi apa saja
Sebuah code editor Kursor (direkomendasikan) atau VS Code
Node.js 24 LTS (terbaru — download dari nodejs.org)
Git Mengkloning repositori Lovable Anda dari GitHub
Akun Capgo Pendaftaran gratis — pembangunan cloud dan Update Langsung

Biaya (hanya untuk mempublikasikan secara publik):

Item Biaya
Program Pengembang Apple $99/tahun
Google Play Console $25 sekali bayar
Cursor Pro $20/bulan (opsional tetapi disarankan untuk eksekusi perintah AI)
Capgo Tersedia tingkat gratis; rencana berbayar untuk skala produksi

Opsional (simulator lokal hanya):

Alat Mengapa
Xcode (~15 GB, hanya macOS) Simulator iOS di Mac Anda
Android Studio (~1 GB + SDK) Emulator Android

Anda dapat melewatkan kedua hal tersebut. Jalur utama dalam panduan ini membangun di awan dan menginstal pada perangkat nyata tanpa mereka.

Catatan Singkat tentang Lovable dan Frameworks

Sebelum menyentuh code, ketahui bahwa Aplikasi web jenis yang Lovable menghasilkan mempengaruhi pembungkus mobile.

Selama waktu yang lama, default Lovable adalah Aplikasi halaman tunggal (SPA) React + Vite. Sejak bulan Mei 2026, aplikasi Lovable baru dapat menggunakan TanStack Start dengan rendering sisi server (SSR) secara default. SSR sangat baik untuk web, tetapi Capacitor mengemas output statis --- sebuah folder HTML, CSS, dan JavaScript dengan index.html di akar root — yang dikirimkan bersama aplikasi di perangkat.

Aplikasi SSR mengharapkan server untuk mengrender halaman pada setiap permintaan. Tidak ada server di dalam sebuah ponsel, jadi untuk Capacitor Anda ingin output yang dirender oleh klien secara statis.

Apa yang harus dilakukan:

  • Membuka kembali: Tanyakan Lovable untuk sebuah Aplikasi Halaman Satu (SPA) atau untuk melewatkan SSR sehingga Anda mendapatkan sebuah statis dist/ folder.
  • Sudah menggunakan TanStack Start (SSR): Konfigurasi untuk pre-render atau keluaran sebuah SPA statis. Persyaratan keras yang hanya satu adalah sebuah folder pembangunan statis yang mengandung index.html.
  • Projek Lovable Next.js Lama: Pakai ekspor statis — keluaran pergi ke out/ bukal instead of dist/.

Apapun framework yang Anda gunakan, poin ke Capacitor’s webDir di folder tersebut. Untuk SPA Vite, folder tersebut adalah dist.

Langkah 1 — Export Aplikasi yang Disukai Anda ke GitHub

Lovable menjaga code Anda di editornya hingga Anda terhubung ke GitHub.

  1. Buka proyek Lovable Anda di browser
  2. Klik Perbarui (kanan atas) jika perlu, lalu buka Git di menu kiri
  3. Pilih GitHubMengotorisasi Lovable, dan tautkan akun Anda
  4. Lovable membuat repositori dan mendorong aplikasi Anda secara otomatis

Lovable.dev GitHub koneksi

Lovable.dev GitHub otorisasi

Pengaturan Repositori Lovable.dev

Lovable.dev project diekspor

Sukses: Mengunjungi github.com/YOUR-USERNAME/your-app menampilkan aplikasi Anda code.

Langkah 2 — Atur Cursor dan Klon Proyek Anda

Sebelum kita dapat bekerja dengan code Anda secara lokal, Anda akan memerlukan code editor. Kami merekomendasikan CursorEditor yang dipimpin AI ini dapat menjalankan perintah terminal untuk Anda.

Unduh dan Pasang Cursor

  1. Kunjungi cursor.sh dan unduh versi untuk sistem operasi Anda
  2. Pasang Cursor mengikuti petunjuk instalasi
  3. Setelah terpasang, buka Cursor

Mulai Cursor

Konfigurasi Cursor untuk Pengembangan AI

Untuk pengalaman terbaik, konfigurasi Cursor sebelum Anda mulai:

  1. Belanja Rencana Cursor — Meskipun Cursor menawarkan tingkat gratis, rencana Pro ($20/bulan) memberikan Anda penyelesaian AI tak terbatas, akses ke Claude dan GPT-4, dan eksekusi perintah
  2. Pengaturan Kursor Terbuka menggunakan Command+, (Mac) atau Ctrl+, (Windows)

Pengaturan Kursor

  1. Mengaktifkan Model AI — Pastikan fitur AI diaktifkan:

Biarkan Model

  1. Pilih Model Favorit Anda — Pilih Claude atau GPT-4 untuk hasil terbaik:

Pilih Model Kursor

  1. Biarkan Eksekusi Perintah — Aktifkan Kursor untuk menjalankan perintah untuk Anda:

Izinkan Jalankan Perintah

Klon Repositori Anda di Kursor

  1. Di Kursor, tekan Shift+Command+P (Mac) atau Shift+Ctrl+P (Windows) untuk membuka palette perintah
  2. Tipe “clone” dan pilih Git: Klon“
  3. Masukkan URL repositori GitHub Anda: https://github.com/YOUR-USERNAME/your-lovable-app.git
  4. Pilih folder di mana Anda ingin menyimpan proyek

Klon di Kursor

  1. Kursor akan mengklon dan membuka proyek Anda

Open di Kursor

Langkah 3 — Pasang Dependensi dan Jalankan Secara Lokal

  1. Buka tab AI Kursor dengan menekan Command+K (Mac) atau Ctrl+K (Windows)
  2. Masukkan perintah berikut:
Install Homebrew, Node.js and npm on my system, then install dependencies and run the dev server

AI akan secara otomatis mendeteksi OS Anda, pasang Node.js, jalankan npm install, dan mulai server pengembang dengan npm run dev.

Pasang Homebrew

Metode 2: Instalasi Manual

Buka terminal di Kursor dengan menekan Shift+Command+T (Mac) atau Shift+Ctrl+T (Windows), kemudian:

Untuk macOS:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
brew install node
cd your-lovable-app
npm install
npm run dev

Untuk Windows:

  1. Unduh installer 24 LTS dari nodejs.org Jalankan installer
  2. Buka terminal dan jalankan:
  3. Aplikasi Lovable.dev berjalan secara lokal
cd your-lovable-app
npm install
npm run dev

Aplikasi Lovable biasanya berjalan pada

__CAPGO_KEEP_0__ http://localhost:8080 atau http://localhost:5173 — gunakan alamat apa pun yang dicetak di terminal Anda.

Tombol Ctrl + C untuk menghentikan server pengembangan ketika Anda siap melanjutkan.

Sukses: Aplikasi Anda terbuka di browser dengan antarmuka pengguna yang berfungsi.

Langkah 4 — Siapkan Pembangunan Produksi Statik

Capacitor memerlukan pembangunan produksi sebelum Anda menambahkan platform native.

React + Vite (Aplikasi yang Paling Disukai)

Tombol Command+K (Mac) atau Ctrl+K (Windows) dan tanyakan:

Configure vite.config for Capacitor mobile deployment with base './' and production build to dist

Metode 2: Konfigurasi Manual

Konfirmasi vite.config.ts menggunakan basis relatif sehingga aset muat di dalam WebView native:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  base: './',
  build: {
    outDir: 'dist',
  },
})

Buat dan verifikasi:

npm run build

Anda seharusnya melihat sebuah dist/ folder dengan index.html di akar rootnya.

Sukses ekspor statis Lovable.dev

Proyek Next.js Legacy Lovable

Jika repositori Anda menggunakan Next.js, tanyakan Cursor:

Add a static export script to package.json and configure next.config.js for mobile export with Capacitor

Atau ikuti Mengubah Aplikasi Next.js Anda ke Mobile untuk versi lengkap next.config setup, kemudian gunakan webDir: 'out' dalam Capacitor bukan dist.

Sukses: Folder pembangunan statis ada (dist/ atau out/) dengan index.html.

Langkah 5 — Tambahkan Capacitor dan Platform Native

Capacitor menggabungkan aplikasi web Anda dalam shell iOS dan Android nyata — tidak perlu direwrite.

Tekan Command+K (Mac) atau Ctrl+K (Windows) dan tanyakan:

Install Capacitor CLI, initialize it for my app with webDir dist, and add iOS and Android platforms

AI akan bertanya tentang nama nama aplikasi dan ID paket (misalnya com.yourcompany.myapp).

Capacitor inisialisasi

Metode 2: Instalasi Manual

npm install @capacitor/core @capacitor/cli
npx cap init

Ketika diminta:

Prompt Contoh Catatan
Nama Aplikasi Aplikasi yang Saya Cintai Tampil di bawah ikon aplikasi
ID Paket Aplikasi com.yourcompany.myapp Gaya domain yang dibalik — tidak dapat diubah setelah publikasi toko
Direktori aset web dist Gunakan out untuk ekspor statis Next.js

Pilih ID Paket yang Anda miliki. ID Bundle unik secara global. Gunakan ID berdasarkan domain yang dibalik berdasarkan domain yang Anda kendalikan dari awal — mengubahnya nanti berarti mencari dan menggantinya di ios/ dan android/ dan

npm run build
npm install @capacitor/ios @capacitor/android
npx cap add ios
npx cap add android
npx cap sync

Capacitor platforms added

Configure Capacitor

Tanyakan Cursor:

Update capacitor.config.ts to use dist as webDir and set up for HTTPS

Untuk Next.js static export, tanyakan padanya untuk menggunakan out sebaliknya.

Metode 2: Konfigurasi Manual

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  server: {
    androidScheme: 'https',
  },
};

export default config;

Buat dan Sinkronkan

Tunjukkan Cursor:

Build the production web app and sync it with Capacitor platforms

Metode 2: Perintah Manual

npm run build
npx cap sync

Capacitor sinkronisasi selesai

Projek Anda sekarang terlihat seperti:

your-lovable-app/
├── android/              ← native Android project
├── ios/                  ← native iOS project
├── dist/                 ← built web app (or out/ for Next.js)
├── src/                  ← your Lovable app code
├── capacitor.config.ts
└── package.json

Tidak perlu CocoaPods. Capacitor 8 menggunakan Manajer Paket Swift secara otomatis untuk dependensi iOS.

Sukses: ios/ dan android/ folder muncul dan terminal menampilkan Sync finished.

Langkah 6 — Periksa Projek Anda .gitignore

Capgo Pembangun memasuki repositori Git Anda, sehingga ios/ dan android/ harus dikomit. Salah umum adalah mengabaikan mereka di root repo.

Konfirmasi:

  • Root .gitignore yang diabaikan node_modules dan dist (rebuild cloud selama pembangunan web) dist dan
  • ios/ sendiri mereka android/ tidak diabaikan and

Sukses: git status menampilkan ios/ dan android/ sedia untuk di-commit (tidak diabaikan).

Langkah 7 — Commit dan Push

git add .
git commit -m "Add Capacitor and native iOS/Android platforms"
git push

Sukses: Repositori GitHub Anda menampilkan ios/ dan android/ folder.

Langkah 8 — Bangun File Binari yang Siap Dipasarkan dengan Capgo Builder

Tidak perlu Mac atau pipeline Xcode/Android Studio lokal untuk mengirim. Capgo Builder Mengompilasi, menandatangani, dan dapat mengirimkan build iOS dan Android dari cloud.

Konfigurasi Capgo Pembangun

npx @capgo/cli@latest login
npx @capgo/cli@latest init
npx @capgo/cli@latest build init --platform ios
npx @capgo/cli@latest build init --platform android

Simpan kunci tanda tangan sekali. Gunakan alat gratis kami jika Anda membutuhkan bantuan untuk menghasilkannya:

Lihat Menangani Kunci Tanda Tangan dan Membangun iOS dari Windows.

Minta build cloud

npm run build
npx cap sync
npx @capgo/cli@latest build com.yourcompany.myapp --platform ios --build-mode release
npx @capgo/cli@latest build com.yourcompany.myapp --platform android --build-mode release

Log stream di terminal Anda. Dengan App Store Connect yang terkonfigurasi, build iOS dapat mengunggah ke TestFlight secara otomatis.

Pasang pada perangkat nyata:

  • iOS: TestFlight (direkomendasikan) atau build pengembangan dengan UDID perangkat Anda yang terdaftar
  • Android: Google Play internal testing track atau APK/AAB yang ditandatangani

Sukses: Build yang ditandatangani berhasil dan Anda dapat menginstalnya pada perangkat nyata.

Langkah 9 — Opsional: Uji Lokal di Xcode atau Android Studio

Jika Anda memiliki Mac atau ingin melakukan uji coba emulator sebelum build di awan:

Untuk iOS

Open the iOS project in Xcode

Metode 2: Perintah Manual

npx cap open ios

Xcode membuka proyek Lovable

Pengaturan Xcode pertama kali:

  1. Pilih simulator dari dropdown perangkat (misalnya iPhone 15)
  2. Untuk perangkat nyata: aktifkan Kelola tanda tangan secara otomatis dan pilih tim pengembang Apple Anda
  3. Klik tombol ▶️ Play — pembangunan pertama memakan waktu 5–10 menit

Aplikasi Lovable berjalan di iOS

Untuk Android

Open the Android project in Android Studio

Metode 2: Perintah Manual

npx cap open android

Studio Android membuka proyek Lovable

Pengaturan Studio Android pertama kali:

  1. Instal paket yang hilang SDK jika diminta
  2. Buat emulator di Pengelola Perangkat (misalnya Pixel 6, API 33+)
  3. Klik tombol Hijau ▶️ Run — pembangunan pertama membutuhkan 5–15 menit

Aplikasi Lovable berjalan di Android

Gunakan IDE lokal untuk debugging sehari-hari. Gunakan Capgo Builder ketika Anda membutuhkan file biner rilis yang ditandatangani.

Sukses: Aplikasi membuka di simulator atau emulator menampilkan konten Lovable Anda.

Langkah 10 — Aktifkan Live Reload (Pengembangan)

Percepat iterasi dengan mengarahkan shell native ke server pengembang lokal Anda.

Tunjukkan Cursor:

Set up live reload for Capacitor development with my local IP address

Metode 2: Pengaturan Manual

  1. Cari alamat IP lokal Anda:
# macOS
ipconfig getifaddr en0

# Windows
ipconfig
  1. Perbarui capacitor.config.ts:
import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  server: {
    url: 'http://YOUR_IP_ADDRESS:5173',
    cleartext: true,
  },
};

export default config;

Gunakan port 8080 atau 3000 jika itu yang npm run dev dicetak.

  1. Terapkan perubahan:
npx cap copy

Diload ulang secara langsung diaktifkan

Sukses: Perubahan pada web code dapat di-reload secara otomatis di perangkat atau simulator.

Langkah 11 — Tambahkan Fitur Asli: Kamera

Plugin Capacitor memungkinkan JavaScript memanggil fitur perangkat asli. Kami akan menambahkan plugin Kamera sehingga pengguna dapat mengambil foto — sesuatu yang tidak dapat dilakukan dengan tab browser secara andal.

Tunjukkan Cursor:

Add the Capacitor Camera plugin with iOS and Android permissions and a button to take a photo

Metode 2: Penginstalan Manual

npm install @capacitor/camera
npx cap sync

iOS — tambahkan ke ios/App/App/Info.plist di dalam level atas <dict>:

<key>NSCameraUsageDescription</key>
<string>This app uses the camera to take photos.</string>

Android — tambahkan di dalamnya <manifest> di android/app/src/main/AndroidManifest.xml:

<uses-permission android:name="android.permission.CAMERA" />
import { Camera, CameraResultType } from '@capacitor/camera';

async function takePhoto() {
  const photo = await Camera.getPhoto({
    quality: 90,
    resultType: CameraResultType.Uri,
  });
  return photo.webPath;
}

Fitur asli ditambahkan

Menggunakan plugin memerlukan rebuild native yang segar melalui Capgo Pembangun sebelumnya dapat berjalan di perangkat.

Sukses: Kamera code berhasil dikompilasi dan npx cap sync selesai tanpa ada kesalahan.

Langkah 12 — Tambahkan Capgo Live Updates

Setiap perubahan native biasanya melalui tinjauan toko aplikasi. Capgo Live Updates mengirimkan perubahan ke layer web aplikasi Anda (HTML, CSS, JS, gambar) dalam beberapa menit.

Pasang pembarui di rilis pertama Anda agar Anda tidak perlu menunggu ulasan saat membutuhkan memperbaiki masalah.

npm install @capgo/capacitor-updater
npx cap sync

Tambahkan ke capacitor.config.ts:

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  plugins: {
    CapacitorUpdater: {
      autoUpdate: true,
    },
  },
};

export default config;

Inisialisasi di entry aplikasi (misalnya src/main.tsx):

import { CapacitorUpdater } from '@capgo/capacitor-updater';

void CapacitorUpdater.notifyAppReady();

Commit, push, dan jalankan Capgo Pembangun baru sehingga pembarui SDK berada di shell native.

Unggah bundle web setelah peluncuran:

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

Lihat Capgo Dokumen Live Updates.

Sukses: Plugin pembarui terpasang dan notifyAppReady() berjalan pada startup.

Langkah 13 — Perbaiki Spasi Status Bar dengan Live Update

Pada iPhone asli, header Anda mungkin berada di bawah baris status (jam dan baterai). Modern Capacitor menggambar edge-to-edge, jadi aplikasi Anda harus menghormati insets area aman: env(safe-area-inset-top), -bottom, -left, -right.

Banyak aplikasi Lovable sudah mengatasi inset bawah tetapi menggunakan padding atas tetap (seperti pt-6) tanpa inset atas.

1. Konfirmasi viewport-fit=cover di index.html:

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

2. Perbaiki header atas — gunakan max() untuk menjaga padding web dan tumbuh pada perangkat dengan notch:

/* Before */
padding-top: 1.5rem;

/* After */
padding-top: max(1.5rem, env(safe-area-inset-top));

Dalam Cursor atau Lovable, tanyakan:

Konten aplikasi berjalan di bawah bar status di atas pada perangkat mobile. Tambahkan env(safe-area-inset-top) ke padding atas halaman header menggunakan max(), menjaga padding yang ada sebagai minimum.

3. Kirimkan perbaikan melalui udara — ini adalah CSS murni, tidak perlu membangun ulang native:

git add .
git commit -m "Fix top safe area on mobile"
git push
npm run build
npx @capgo/cli@latest bundle upload --channel production

Tutup aplikasi paksa di perangkat Anda, buka kembali, tunggu ~15–30 detik, dan buka lagi. Header harus berada di bawah bar status — diperbaiki tanpa ulasan toko.

Sukses: Konten atas menghilangkan bar status setelah bundle OTA berlaku.

Untuk pekerjaan layout yang lebih dalam, lihat @capgo/tailwind-capacitor dan Capacitor tampilan tanpa batas.

Langkah 14 — Siapkan Daftar Toko Anda

Aplikasi Anda telah dibangun, dapat diinstal, dan Anda dapat memasang pembaruan instan. Membuat aplikasi Anda tersedia di toko-toko publik hampir seluruhnya adalah tugas administrasi:

  • Icon Aplikasi — 1024×1024px untuk iOS (tidak transparan), 512×512px untuk Google Play
  • Gambar Layar — Apple memerlukan gambar layar iPhone 6.9“ (1320×2868px)
  • Nama Aplikasi, Subjudul, Deskripsi, Kata Kunci
  • URL Kebijakan Privasi — diperlukan oleh kedua toko, bahkan untuk aplikasi gratis
  • Penilaian Usia — kuesioner di setiap konsol
  • Pengungkapan Pengumpulan Data — Label Privasi Apple dan Keamanan Data Google
Set up app icons and splash screens for my Capacitor app

Metode 2: Pengaturan Manual

npm install -D @capacitor/assets
# Add assets/icon.png (1024x1024) and assets/splash.png (2732x2732)
npx capacitor-assets generate
npx cap sync

Aset Aplikasi yang Dibuat

Apa yang Sisa Sebelum 'Hidup':

  1. Pengujian Tertutup Google Play (akun pribadi dibuat setelah 13 November 2023): setidaknya 12 pengujian selama 14 hari berturut-turut sebelum akses produksi. iOS tidak memiliki kesetaraan.
  2. Kirimkan untuk Tinjauan — Apple ~3–5 hari, Google ~3–7 hari setelah persyaratan pengujian dipenuhi.

Lihat panduan panduan tinjauan aplikasi pertama untuk daftar lengkap.

Masalah Umum (dan Cara Mengatasinya)

  • Could not find the web assets directory: ./dist — Jalankan npm run build sebelum npx cap add atau npx cap sync. Pastikan webDir sesuai dengan output framework Anda ( capacitor.config.ts untuk Vite,dist untuk Next.js static export). out “ID Aplikasi … tidak tersedia”
  • — ID Bundle adalah unik secara global. Pilih ID balik-domain yang Anda kendalikan. Build iOS gagal setelah mengubah ID bundle
  • __CAPGO_KEEP_0__ — ID di proyek asli Anda harus sesuai dengan Apple App Store Connect. Cari dan ganti secara luas ios/ dan android/dan, commit, rebuild.
  • Layar putih pada peluncuran — Atur base: './' di konfigurasi Vite, rebuild, dan jalankan npx cap sync.
  • Konten di bawah status bar — Tambahkan viewport-fit=cover dan env(safe-area-inset-top) padding (Langkah 13).
  • APK ditandatangani dalam mode debug — Google Play menolak build debug. Gunakan build rilis yang ditandatangani dengan keystore Anda.
  • Deployment ditolak — versi sudah ada — Tingkatkan versi/bilangan pembangunan di proyek-proyek asli dan bangun ulang.

Untuk Capgo Masalah Pembangun, lihat Pengaturan Pembangunan Asli dan Pengujian Perbarui Hidup.

Kesimpulan

Anda telah mengubah aplikasi web yang disukai menjadi aplikasi iOS dan Android asli — dibangun di awan tanpa Mac, dengan fitur kamera nyata dan perbaikan tata letak yang dikirimkan secara nirkabel. Itu adalah bagian yang sulit.

Langkah-Langkah Selanjutnya

Daftar diri untuk akun Capgo gratis untuk mengaktifkan Live Updates dan pembangunan natively cloud.

Sumber Daya

Teruskan dari Mengubah Aplikasi yang Disukai Anda ke iOS dan Android dengan Capacitor

Jika Anda menggunakan Mengubah Aplikasi yang Disukai Anda ke iOS dan Android dengan Capacitor untuk merencanakan kerja plugin native, hubungkannya dengan Daftar Direktori Plugin Capgo untuk alur kerja produk di Daftar Direktori Plugin Capgo Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, Build Native Capgo untuk alur kerja produk di Capgo Pembangunan Asli, dan Membangun iOS dari Windows untuk pembangunan iOS di awan tanpa Mac.

Pembaruan Langsung untuk Aplikasi Capacitor

Ketika bug layer web masih aktif, kirimkan perbaikan melalui Capgo bukan menunggu hari-hari untuk persetujuan toko aplikasi. Pengguna mendapatkan pembaruan di latar belakang sementara perubahan native tetap dalam jalur ulasan normal.

Mulai Sekarang

Terbaru dari Blog Kami

Capgo memberikan Anda wawasan terbaik yang Anda butuhkan untuk membuat aplikasi mobile yang profesional.