Tutorial

Cómo compilar una aplicación Ionic Capacitor en Xcode Cloud

Verwende Xcode Cloud, um deine Capacitor JS App zu erstellen und umgehe die Notwendigkeit von MacOS.

Cómo compilar una aplicación Ionic Capacitor en Xcode Cloud

Voraussetzungen

Bevor Sie mit dem Tutorial fortfahren…

  • Stellen Sie sicher, dass Sie GitHub verwenden
  • Verwenden Sie Capacitor
  • Ihre App ist bereits im Apple Store veröffentlicht
  • Lust zum Lesen 😆…

Die Verwendung von Ionic ist optional, für Cordova könnte es funktionieren, aber ich habe es nicht getestet

Wichtiges zum Preis

Price Xcode Cloud

https://developerapplecom/xcode-cloud/

Der Service ist ‘kostenlos’ bis zum Limit
Sie können im Screenshot die Preise und Limits sehen (Preise zum Zeitpunkt der Erstellung des Tutorials, sie könnten sich in Zukunft ändern)

🔴 Nachdem Sie über die Anforderungen und Preise informiert wurden, können wir fortfahren, wenn Sie möchten

📣 In diesem Beitrag gehen wir davon aus, dass wir die App bereits im Apple Store erstellt haben

Einführung

Damit Xcode Ihre Capacitor-App erstellen kann, müssen Sie einige Dinge einrichten

Paket-Vorbereitung

Stellen Sie sicher, dass Sie Ihren Build-Befehl in Ihrem packagejson Script haben Fügen Sie dann den sync:ios Befehl wie unten hinzu

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

Dieser Schritt wird dafür sorgen, dass das Post-Script einfach funktioniert

Post-Clone-Script

Dieses Script wird von Xcode Cloud nach dem Clone-Schritt ausgeführt

#!/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 install --frozen-lockfile` or bun install
npm run build
# or npm run build
npm run sync:ios

Speichern Sie diese Datei im Root-Verzeichnis Ihres Projekts unter dem Namen ios/App/ci_scripts/ci_post_clonesh

Machen Sie diese Datei dann ausführbar mit diesem Befehl chmod +x ios/App/ci_scripts/ci_post_clonesh

Xcode-Workflow erstellen

Öffnen Sie Xcode (ja, um Xcode zu entfernen, brauchen Sie Xcode)

Und gehen Sie zu diesem Tab: Xcode step 1

Klicken Sie auf Workflow erstellen, wählen Sie Ihre App aus, klicken Sie wie unten gezeigt auf Weiter

Xcode step 2

Klicken Sie links auf Workflow bearbeiten Xcode step 2

Gehen Sie zum Umgebungs-Tab und wählen Sie wie unten Mac 124 und aktivieren Sie die entsprechende Option Xcode step 3

Wählen Sie Ihre Startbedingung Wenn Sie den gleichen Build wie wir verwenden, empfehle ich, Tag statt Branch zu verwenden, um Doppel-Builds zu vermeiden

Legen Sie Ihre Umgebungsvariablen fest Xcode step 4

Verbinden Sie Ihr GitHub-Konto Xcode step 5

Xcode step 6

Aktivieren Sie dann den Workflow und committen Sie Ihre erste Änderung, Sie sollten Ihren Build in Xcode laufen sehen

Build-Verarbeitung

In Xcode Cloud werden Sie nach den Minuten abgerechnet, die Sie für die Ausführung Ihres CI/CD-Workflows verwendet haben. Aus Erfahrung dauert es etwa 10-15 Minuten, bis ein Build im Apple Store verarbeitet werden kann

Für private Projekte können die geschätzten Kosten pro Build bis zu $0.008/min x 5 mins = $0.04 oder mehr betragen, abhängig von der Konfiguration oder den Abhängigkeiten Ihres Projekts

Für Open-Source-Projekte sollte dies überhaupt kein Problem sein. Siehe Preise

Sofortige Updates für CapacitorJS Apps

Pushen Sie Updates, Fixes und Funktionen sofort auf Ihre CapacitorJS-Apps ohne App Store Verzögerungen. Erleben Sie nahtlose Integration, Ende-zu-Ende-Verschlüsselung und Echtzeit-Updates mit Capgo.

Jetzt starten

Neueste Nachrichten

Capgo bietet Ihnen die besten Einblicke, die Sie benötigen, um eine wirklich professionelle mobile App zu erstellen.