Voraussetzungen
Bevor Sie mit dem Tutorial fortfahren…
- Stellen Sie sicher, dass Sie GitHub verwenden
- Verwenden Sie Capacitor
- Ihre App ist bereits auf dem Apple Store veröffentlicht
- Wunsch, zu lesen 😆…
Der Einsatz von Ionic ist optional, für Cordova könnte es funktionieren, aber ich habe es nicht ausprobiert.
Wichtig zu den Preisen
https://developer.apple.com/xcode-cloud/
Der Service ist ‘kostenlos’ bis zur Grenze.
Sie können im Screenshot die Preise und Grenzen (Preise zum Zeitpunkt der Erstellung des Tutorials, sie könnten sich in Zukunft ändern) sehen
🔴 Nachdem Sie über Anforderungen und Preise gewarnt wurden, wenn Sie möchten, können wir fortfahren…
📣 In dem Beitrag nehmen wir an, dass wir die App bereits im Apple Store erstellt haben
Intro
Um Xcode zu bauen, benötigen Sie Ihre Capacitor-App, müssen Sie einige Dinge einrichten.
Package Vorbereitung
Stellen Sie sicher, dass Ihre Build-Befehl in Ihrem Skript enthalten ist. package.json Fügen Sie dann den Befehl wie unten angegeben hinzu. sync:ios Dieser Schritt wird die Post-Script-Ausführung einfach machen.
{
"scripts": {
"build": "YOUR BUILD COMMAND",
"sync:ios": "cap sync ios"
}
}Post-Klon-Skript
Dieses Skript wird von Xcode Cloud nach dem Klon-Schritt ausgeführt.
Speichern Sie dieses File im Root Ihres Projekts und nennen Sie es
#!/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:iosMachen Sie dann dieses File mit diesem Befehl ausführbar. ios/App/ci_scripts/ci_post_clone.sh
Xcode-Workflow erstellen chmod +x ios/App/ci_scripts/ci_post_clone.sh
Create an Xcode workflow
Xcode öffnen (ja, um Xcode zu entfernen benötigen Sie Xcode)
Und gehen Sie zu dieser Registerkarte :
Klicken Sie auf Erstellen von Workflow, wählen Sie Ihre App aus, klicken Sie auf Weiter wie unten.
Klicken Sie auf Workflow bearbeiten auf der linken Seite
Gehen Sie zur Registerkarte Umgebungen und wählen Sie wie unten Mac 12.4 und überprüfen Sie die richtige Option
Wählen Sie Ihre Startbedingung. Wenn Sie denselben Build wie wir verwenden, empfehlen wir Ihnen, Tag anstelle von Branch zu verwenden, um doppelte Builds zu vermeiden.
Setzen Sie Ihre Umgebungsvariable
Verbinden Sie Ihr GitHub-Konto
Aktivieren Sie dann die Workflow- und übernehmen Sie Ihre erste Änderung, Sie sollten Ihre Build in Xcode laufen sehen.
Build-Verarbeitung
In Xcode Cloud, Sie werden auf die Minuten abgerechnet, die Sie für die Ausführung Ihres CI/CD-Workflows verwendet haben. Aus Erfahrung dauert es etwa 10-15 Minuten, bevor ein Build im Apple Store verarbeitet werden kann.
Für private Projekte kann die geschätzte Kosten pro Build bis zu $0,008/min x 5 min = $0,4, oder mehr, je nach Konfiguration oder Abhängigkeiten Ihres Projekts.
Für Open-Source-Projekte sollte das kein Problem sein. Siehe Preisliste.
Weitermachen Sie mit: Wie bauen Sie eine Ionic Capacitor-App in Xcode Cloud?
Wenn Sie "__CAPGO_KEEP_0__" verwenden Wie bauen Sie eine Ionic Capacitor-App in Xcode Cloud? um die CI/CD-Automatisierung zu planen, verbinden Sie sie mit Capgo CI/CD für den Produktworkflow in Capgo CI/CD Capgo Native Builds für den Produktworkflow in Capgo Native Builds Capgo Integrations für den Produktworkflow in Capgo Integrations CI/CD-Integration für die Implementierungsdetails in der CI/CD-Integration und GitHub-Aktionen-Integration für die Implementierungsdetails in der GitHub-Aktionen-Integration.
