Pindah ke konten utama
Tutorial

Convert Your Lovable App to iOS and Android with Capacitor

Step-by-step guide to export your Lovable project, wrap it with Capacitor, build signed iOS and Android apps in the cloud with Capgo Builder, and ship fixes over the air.

Kredit Artikel

Martin Donadieu

Pengarang

Valeria

Pengulas

Jordan

Pengedit

Convert Your Lovable App to iOS and Android with Capacitor

Pendahuluan

Lovable 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 aplikasi asli lainnya?

Langkah ini menjelajahi jalur penuh: ekspor dari Lovable, bungkus aplikasi web dengan Capacitor CapacitorDengan Capgo, buat aplikasi mobile yang menarik dengan mudah Capgo Pembangun Tidak perlu Mac, tambahkan fitur asli native, dan kirim perbaikan layout secara daring dengan Capgo Live Updates.

We use 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 cloud.

Setelah itu, Anda akan memiliki:

  • Aplikasi iOS dan Android asli yang dibangun dari cloud — tidak perlu Xcode atau Android Studio di jalur utama
  • Aplikasi berjalan di perangkat nyata (TestFlight, instalasi langsung, atau Play internal testing)
  • Fitur kamera yang berfungsi yang hanya dapat ditawarkan oleh aplikasi asli
  • Live Updates yang dikonfigurasi sehingga perbaikan UI dan CSS dapat berlalu tanpa review toko

Prerequisites

Persyaratan Rincian
Sebuah komputer Mac, Windows, atau Linux — pembangunan awan bekerja dari sistem operasi apa pun
Sebuah code editor Kursor (direkomendasikan) atau VS Code
Node.js 24 LTS (terbaru — download dari nodejs.org)
Git Untuk mengkloning repositori Lovable Anda dari GitHub
Capgo akun Daftar gratis — bangun awan dan Live Updates

Biaya (hanya untuk dipublikasikan secara publik):

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

Opsional (simulator lokal hanya):

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

Anda bisa melewatkan kedua-duanya. 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 jenis aplikasi web yang Lovable menghasilkan mempengaruhi pembungkus mobile.

Untuk waktu lama, default Lovable adalah sebuah React + Vite aplikasi tunggal halaman (SPA). Sejak Mei 2026, aplikasi Lovable baru dapat menggunakan TanStack Start dengan rendering sisi server (SSR) SSR sangat baik untuk web, tetapi Capacitor mengemas sebuah bangunan statis yang merupakan sebuah folder HTML, CSS, dan JavaScript dengan sebuah index.html di dalamnya — yang dikirimkan ke dalam aplikasi di perangkat.

Aplikasi SSR mengharapkan sebuah server untuk merender halaman pada setiap permintaan. Tidak ada server di dalam sebuah ponsel, jadi untuk Capacitor Anda ingin output statis yang diklien-render.

What to do:

  • Mulai dari awal: Hubungi Lovable untuk aplikasi tunggal halaman (SPA) or to skip SSR so you get a static dist/ folder.
  • Sudah menggunakan TanStack Start (SSR): Konfigurasi untuk memprediksi atau menghasilkan SPA statis. Persyaratan yang paling keras adalah folder pembangunan statis yang mengandung index.html.
  • Projek Legacy Next.js yang disukai: Use — hasilnya pergi ke — keluarannya pergi ke out/ alih daripada dist/.

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

Langkah 1 — Ekspor Aplikasi Lovable Anda ke GitHub

Lovable menjaga code Anda di editornya sampai Anda terhubung dengan GitHub

  1. Buka proyek Lovable Anda di browser
  2. Klik Perbarui (kanan atas) jika perlu, kemudian buka Git di menu kiri
  3. Pilih GitHubizin Lovable, dan hubungkan akun Anda
  4. Membuat sebuah repositori dan memasukkan aplikasi Anda secara otomatis

Koneksi Lovable.dev GitHub

Otorisasi Lovable.dev GitHub

Pengaturan repositori Lovable.dev

Proyek Lovable.dev diekspor

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

Langkah 2 — Mengatur Cursor dan Mengklon Proyek Anda

Sebelum kita dapat bekerja dengan code Anda secara lokal, Anda akan membutuhkan sebuah code editor. Kami merekomendasikan Cursor, sebuah editor yang dipersenjatai AI yang dapat menjalankan perintah terminal untuk Anda.

Unduh dan Pasang Cursor

  1. Kunjungi cursor.sh dan unduh versi untuk sistem operasi Anda
  2. Pasang Cursor sesuai dengan 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. Buka Pengaturan Cursor Mengklik Command+, (Mac) atau Ctrl+, (Windows)

Pengaturan Kursor

  1. Mengaktifkan Model AI — Pastikan fitur AI diaktifkan:

Mengizinkan Model

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

Pilih Model Kursor

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

izin Jalankan Perintah

Membuat Salinan Repositori Anda di Cursor

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

Salinan di Cursor

  1. Cursor akan membuat salinan dan membuka proyek Anda

Buka di Cursor

Langkah 3 — Pasang Dependensi dan Jalankan Secara Lokal

  1. Buka tab AI Cursor 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 mendeteksi otomatis sistem operasi Anda, pasang Node.js, jalankan npm install, dan mulai server pengembang dengan npm run dev.

Pasang Homebrew

Metode 2: Instalasi Manual

Buka terminal di Cursor dengan menekan Shift+Command+T (Mac) atau Shift+Ctrl+T Untuk 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 file instalasi dari 24 LTS installer dari nodejs.org
  2. Jalankan instalasi
  3. Buka terminal dan jalankan:
cd your-lovable-app
npm install
npm run dev

Aplikasi Lovable berjalan secara lokal

Aplikasi Lovable biasanya berjalan di http://localhost:8080 atau http://localhost:5173 — gunakan alamat apa pun yang dicetak di terminal.

Tekan Ctrl + C untuk menghentikan server pengembang ketika Anda siap melanjutkan.

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

Langkah 4 — Siapkan Bangunan Produksi Statik

Aplikasi Capacitor memerlukan pembangunan produksi sebelum Anda menambahkan platform native.

React + Vite (Aplikasi Paling Disukai)

Tekan Command+K (Mac) atau Ctrl+K Metode 1: Menggunakan Cursor AI (Dianjurkan)

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 dimuat di dalam WebView Native:

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

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

Build dan verifikasi:

npm run build

Anda harus melihat sebuah dist/ folder dengan index.html di akarnya.

Lovable.dev static export sukses

Proyek Lovable Legacy Next.js

If your repo uses Next.js, ask Cursor:

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

Atau ikuti Ubah Aplikasi Next.js Anda ke Mobile untuk penuhnya next.config konfigurasi, kemudian gunakan webDir: 'out' dalam Capacitor bukanlah dist.

✅ Sukses: Folder pembangunan statis ada (dist/ atau out/context index.html.

Langkah 5 — Tambahkan Capacitor dan Platform Nativ

Capacitor menggabungkan aplikasi web Anda ke dalam skel iOS dan Android yang nyata — tidak perlu melakukan ulang kode.

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

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

Aplikasi akan meminta Anda Nama Aplikasi dan ID aplikasi contoh com.yourcompany.myapp).

Inisialisasi Capacitor

Metode 2: Instalasi Manual

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

Ketika diminta:

Aplikasi Contoh Catatan
Nama Aplikasi Nama Aplikasi yang Kucintai Ditampilkan di bawah ikon aplikasi
ID Aplikasi ID Paket Aplikasi com.yourcompany.myapp tidak dapat diubah setelah diterbitkan ke toko
Direktori Asset Web dist Use out untuk Ekspor Statik Next.js

Untuk ekspor statis Next.js ID Bundle adalah unik secara global. Gunakan ID berdasarkan domain yang dikebalikan berdasarkan domain yang Anda kendalikan dari awal — mengubahnya nanti berarti mencari dan mengganti di seluruh. ios/ dan android/ dan merekonstruksi.

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

Capacitor platform ditambahkan

Konfigurasi Capacitor

Tanya Cursor:

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

Untuk Next.js export statis, tanyakanlah 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;

Bangun dan Sinkron

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

Capgo Pembangun membangun dari repositori Git Anda, jadi ios/ dan android/ harus dikomit . Kesalahan umum adalah mengabaikan mereka di root repositori.

Konfirmasi:

  • Root .gitignore dan node_modules dan dist (kelompok kembali ke awan) dist (membangun kembali di awan
  • ios/ dan android/ selama pembangunan web) not tidak

✅ diabaikan git status menampilkan ios/ dan android/ siap untuk di komit (tidak diabaikan).

Langkah 7 — Komit dan Push

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

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

Langkah 8 — Bangun Binari Siap Toko dengan Pembangun Capgo

Kamu tidak perlu Mac atau pipeline Xcode/Android Studio lokal untuk mengirim. Pembangun Capgo 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 Pengelolaan Kunci dan Bangun iOS dari Windows.

Minta bangun awan

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 bangun mengalir di terminal Anda. Dengan App Store Connect dikonfigurasi, bangun iOS dapat mengunggah ke TestFlight secara otomatis.

Instal di perangkat nyata:

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

✅ Sukses: Bangun yang ditandatangani selesai dan Anda dapat menginstalnya di perangkat nyata.

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

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

Untuk iOS

Open the iOS project in Xcode

Metode 2: Perintah Manual

npx cap open ios

Xcode membuka proyek Lovable

Konfigurasi Xcode pertama kali:

  1. Pilih simulator dari dropdown perangkat (misalnya iPhone 15)
  2. Untuk perangkat nyata: aktifkan Manajemen 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

Konfigurasi Studio Android untuk Pertama Kalinya:

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

Aplikasi yang disukai berjalan di Android

Gunakan IDE lokal untuk debugging sehari-hari. Gunakan Capgo Pembangun when you need signed release binaries.

✅ 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 pengembangan lokal Anda.

Beritahu 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;

Pakai port 8080 atau 3000 atau itu yang npm run dev tercetak.

  1. Aplikasikan perubahan:
npx cap copy

Reloading hidup diaktifkan

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

Langkah 11 — Tambahkan Fitur Asli: Kamera

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

Pertanyaan pada Cursor:

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

Metode 2: Instalasi Manual

npm install @capacitor/camera
npx cap sync

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

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

Andoid — tambahkan di dalam <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-fitur asli ditambahkan

Menginstal plugin memerlukan sebuah pembangunan native yang segar melalui Capgo Pembangun sebelumnya dapat berfungsi di perangkat.

✅ Sukses: Kamera code mengompil dan npx cap sync selesai tanpa ada kesalahan.

Langkah 12 — Tambahkan Capgo Live Updates

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

Pasang pembarui di rilis pertama Anda Jadi kamu tidak akan terjebak menunggu review ketika kamu membutuhkan untuk mengirimkan perbaikan.

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;

Mulai di entri aplikasi kamu (misalnya src/main.tsx):

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

void CapacitorUpdater.notifyAppReady();

Kirimkan, push, dan jalankan pembangunan Capgo Pembangun Baru sehingga pembarui SDK berada di shell asli.

Upload bundle web setelah peluncuran:

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

Lihat Capgo Dokumen Live Updates.

Untuk mengautomatisasi upload ini setiap kali seseorang mengklik Penerbit di Lovable, ikuti Mengautomatisasi Capgo Live Updates dari Lovable dengan GitHub Actions.

✅ Sukses: Plugin pembaruan telah terinstal dan notifyAppReady() berjalan pada startup.

Langkah 13 — Atur Spasi Bar Status dengan sebuah Live Update

Di iPhone nyata, header Anda mungkin berada di bawah bar status (jam dan baterai). Modern Capacitor menarik garis tepi ke tepi, jadi aplikasi Anda harus menghormati inset area aman: env(safe-area-inset-top), -bottom, -left, -right.

Banyak aplikasi Lovable sudah mengatasi inset bawah tetapi menggunakan padding atas tetap (seperti pt-6tanpa 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. Atur 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));

In Cursor atau Lovable, tanyakan:

“Isi aplikasi berjalan di bawah status bar di atas pada perangkat mobile. Tambahkan env(safe-area-inset-top) ke padding atas setiap header halaman 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

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

✅ Sukses: Isi atas membersihkan status bar setelah bundle OTA diterapkan.

Untuk pekerjaan layout yang lebih dalam, lihat @capgo/tailwind-capacitor dan Capacitor layar penuh.

Langkah 14 — Siapkan Daftar Toko Anda

Aplikasi Anda telah dibangun, terpasang, dan Anda dapat memasang pembaruan instan. Membuat aplikasi siap untuk dijual di toko-toko umum hampir saja hanya administrasi:

  • Ikon Aplikasi — 1024×1024px untuk iOS (tidak transparan), 512×512px untuk Google Play
  • Layar Screenshot — Apple memerlukan screenshot 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 Nutrisi 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 dihasilkan

Apa yang tersisa sebelum "aktif":

  1. Pengujian tertutup Google Play (akun pribadi yang 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 contoh untuk daftar lengkap checklist. Masalah Umum (dan Cara Mengatasinya)

Kesalahan Umum (dan Cara Mengatasinya)

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

Untuk Capgo masalah Pembuat, lihat Pengembangan Native troubleshooting dan Pembaruan Hidup debugging.

Conclusion

You took a Lovable web app to native iOS and Android — built in the cloud without a Mac, with a real camera feature and a layout fix shipped over the air. That’s the hard part done.

Next Steps

Daftar diri untuk akun Capgo gratis untuk mengaktifkan Pembaruan Hidup dan bangun nirkabel.

Sumber daya

Teruskan dari Mengubah Aplikasi Lovable Anda ke iOS dan Android dengan Capacitor

Jika Anda menggunakan Mengubah Aplikasi Lovable Anda ke iOS dan Android dengan Capacitor Untuk merencanakan pekerjaan plugin natif, hubungkannya dengan Capgo Direktori Plugin untuk alur kerja produk di Capgo Direktori Plugin, Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo Capgo Pembangunan Nativ untuk alur kerja produk di Capgo Pembangunan Nativ, dan Bangun iOS dari Windows untuk pembangunan iOS di awan tanpa Mac.

Pembaruan Langsung untuk Aplikasi Capacitor

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

Dukungan Manusia dari Martin

Mulai Sekarang

Terbaru dari Blog Kami

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