Bagaimana cara membuat aplikasi Ionic Capacitor di Xcode Cloud

Persyaratan

Sebelum melanjutkan dengan tutorial…

Pastikan Anda menggunakan GitHub
Gunakan Capacitor
Aplikasi Anda sudah terdeploy di Apple Store
Ingin membaca 😆…

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

Penting tentang harga

Harga Xcode Cloud

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

Jasa ini adalah ‘gratis’hingga batasnya. Anda dapat melihat di screenshot harga dan batasan (harga pada saat pembuatan tutorial, mereka mungkin mengalami perubahan di masa depan)
Setelah diingatkan syarat dan harga, jika Anda suka, kita melanjutkan…

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

📣 Pengenalan

Untuk membuat Xcode membangun aplikasi __CAPGO_KEEP_0__ Anda, Anda perlu mengatur beberapa hal.

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

Pastikan Anda memiliki perintah build di skrip Anda. Lalu tambahkan

Pengaturan package.json Pengaturan sync:ios perintah seperti di bawah ini.

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

Langkah ini akan membuat skrip post berjalan dengan mudah

Skrip post

Skrip ini akan dijalankan oleh Xcode cloud setelah langkah clone

#!/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 project 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 ini : Langkah Xcode 1

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

Langkah Xcode 2

Klik pada Edit workflow di sisi kiri Langkah Xcode 2

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

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

Atur variabel lingkungan Anda Langkah Xcode 4

Hubungkan akun GitHub Anda Langkah Xcode 5

Langkah Xcode 6

Lalu aktifkan dan workflow, dan komit perubahan pertama Anda, Anda harus melihat build Anda berjalan di Xcode.

Membangun Sedang Diproses

Di Xcode Cloud, Anda dikenakan biaya berdasarkan menit Anda telah digunakan untuk menjalankan alur kerja CI/CD Anda. Dari pengalaman, membutuhkan sekitar 10–15 menit sebelum sebuah build 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, ini tidak akan menjadi masalah sama sekali. Lihat harga.

Cara membuat aplikasi Ionic Capacitor di Xcode Cloud