Bagaimana Membangun Aplikasi Capacitor di Xcode Cloud

Persyaratan

Sebelum melanjutkan dengan tutorial…

• Pastikan Anda menggunakan GitHub
• Pakai Capacitor
• Aplikasi Anda sudah terdeploy di Apple Store
• Inginkah membaca 😆…

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

Penting tentang harga

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

Jasa ini adalah ‘gratis’ sampai batas.
Kamu bisa melihat di tangkapan layar harga dan batasan (harga sesuai dengan pembuatan tutorial, mereka mungkin mengalami perubahan di masa depan)

🔴 Setelah diingatkan tentang persyaratan dan harga, jika kamu suka, kita melanjutkan…

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

Pendahuluan

Untuk membuat Xcode membangun aplikasi Capacitor kamu, kamu perlu mengatur beberapa hal.

Persiapan Paket

Pastikan kamu memiliki perintah build di skrip kamu. Lalu tambahkan perintah seperti di bawah. package.json Langkah ini akan membuat skrip post bekerja dengan sederhana. sync:ios Langkah clone skrip

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

Persiapan Paket

Langkah ini akan membuat skrip post bekerja dengan sederhana.

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

Kemudian 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 memerlukan Xcode)

Dan pergi ke tab ini :

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

Klik pada Edit alur 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

Lalu aktifkan dan alur kerja, dan komit perubahan pertama Anda, Anda seharusnya melihat build Anda berjalan di Xcode.

Pengolahan Build

Pada 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 build dapat diproses di Apple 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 sama sekali. Lihat harga.

Teruskan dari Cara Membangun Aplikasi Capacitor Ionic di Xcode Cloud

Jika Anda menggunakan Cara Membangun Aplikasi Capacitor Ionic di Xcode Cloud untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Capgo CI/CD untuk alur kerja produk di Capgo CI/CD, Capgo Build Natively untuk alur kerja produk di Capgo Native Builds, Capgo Integrasi untuk alur kerja produk di Capgo Integrasi, Integrasi CI/CD untuk detail implementasi di Integrasi CI/CD, dan Integrasi Aksi GitHub untuk detail implementasi di Integrasi Aksi GitHub.