Bagaimana Membangun Aplikasi Capacitor Ionik di Xcode Cloud

Persyaratan

Sebelum melanjutkan dengan tutorial...

• Pastikan Anda menggunakan GitHub
• Gunakan Capacitor
• Aplikasi Anda sudah di-deploy di Apple Store
• Ingat untuk membaca 😆...

Menggunakan Ionic tidak wajib, untuk Cordova mungkin bisa berfungsi, tapi saya belum mencobanya.

Penting tentang harga

https://developer.apple.com/xcode-cloud/

Pelayanan ini gratis hingga batas tertentu.gratis hingga batas tertentu.
Anda dapat melihat di tangkapan layar harga dan batasan (harga pada saat pembuatan tutorial, mereka mungkin mengalami perubahan di masa depan)

🔴 Setelah diberi peringatan tentang persyaratan dan harga, jika Anda suka, kita melanjutkan...

📣 Dalam postingan ini, kita asumsikan bahwa kita telah memiliki aplikasi yang dibuat di Apple Store

Pendahuluan

To make Xcode build your Capacitor app, you need to set up a few things.

Persiapan Paket

Pastikan perintah build Anda ada di package.json script. Lalu tambahkan sync:ios perintah seperti di bawah ini.

{
  "scripts": {
    "build": "YOUR BUILD COMMAND",
    "sync:ios": "cap sync ios"
  }
}

Langkah ini akan membuat skrip postscript berjalan dengan sederhana.

Skrip kloning post

Skrip ini akan dieksekusi oleh Xcode cloud setelah langkah kloning.

#!/usr/bin/env bash

set -x

export HOMEBREW_NO_INSTALL_CLEANUP=TRUE
# Install CocoaPods
echo "📦 Install CocoaPods"
brew install cocoapods
brew install node@18
brew link node@18

# Install dependencies
# XCode Cloud is literally broken for 2 months now - https://developer.apple.com/forums/thread/738136?answerId=774510022#774510022
npm config set maxsockets 3
npm ci
# or `pnpm install --frozen-lockfile` or `yarn add --frozen-lockfile` or bun install
npm run build 
# or npm run build
npm run sync:ios

Simpan file ini di root proyek Anda dan beri nama ios/App/ci_scripts/ci_post_clone.sh

Lalu buat file ini dapat dieksekusi dengan perintah ini chmod +x ios/App/ci_scripts/ci_post_clone.sh

Buat alur kerja Xcode

Buka Xcode (ya, untuk menghapus Xcode Anda perlu Xcode)

Dan pergi ke tab :

Klik pada buat alur, pilih aplikasi Anda, klik next seperti di bawah ini.

Klik pada Edit workflow di sebelah kiri

Pergi ke tab lingkungan dan pilih seperti di bawah Mac 12.4 dan centang opsi yang tepat

Pilih kondisi awal Anda. Jika Anda menggunakan build yang sama dengan kami, saya sarankan menggunakan Tag daripada cabang, untuk menghindari build ganda.

Setel variabel lingkungan Anda

Hubungkan akun GitHub Anda

Mudahkan dan jalankan workflow dan komit perubahan pertama Anda, Anda harus melihat build Anda berjalan di Xcode.

Pengolahan Bangun

Dalam Xcode Cloud, biaya Anda berdasarkan menit yang Anda gunakan untuk menjalankan alur kerja CI/CD Anda. Dari pengalaman, membutuhkan waktu sekitar 10–15 menit sebelum aplikasi dapat diproses di App Store.

Untuk proyek pribadi, biaya perkiraan per build dapat mencapai $0,008/min x 5 menit = $0,4, atau lebih, tergantung pada konfigurasi atau dependensi proyek Anda.

Untuk proyek Open-source, hal ini tidak akan menjadi masalah. Lihat harga.

Teruskan dari Cara Membangun Aplikasi Ionic Capacitor di Xcode Cloud

Jika Anda menggunakan Cara Membangun Aplikasi Ionic Capacitor di Xcode Cloud untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Capgo CI/CD untuk alur kerja produk di Capgo Pengintegrasian CI/CD, Capgo Pembangunan Nativ untuk alur kerja produk di Capgo Pembangunan Nativ, Capgo Integrasi untuk alur kerja produk dalam Integrasi Capgo untuk alur kerja produk di __CAPGO_KEEP_0__ Integrasi, untuk detail implementasi di Integrasi CI/CD, dan GitHub Actions Integration Untuk detail implementasi di GitHub Integrasi Aksi.