Cómo construir una aplicación de Ionic Capacitor en Xcode Cloud

Requisitos previos

Antes de continuar con el tutorial...

Asegúrese de utilizar GitHub
Utilice Capacitor
Su aplicación ya está desplegada en Apple Store
Deseo leer 😆…

Usar Ionic es opcional, para Cordova podría funcionar, pero no lo he probado.

Importante sobre el precio

Precio Xcode Cloud

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

El servicio es ‘gratuito’ hasta el límite.
Puedes ver en la captura de pantalla el precio y los límites (precios a la creación del tutorial, podrían cambiar en el futuro)

🔴 Una vez advertido de los requisitos y precios, si te gusta, continuamos…

📣 En el post, asumimos que tenemos la app creada en Apple Store

Intro

Para hacer que Xcode construya tu aplicación Capacitor, necesitas configurar algunas cosas.

Preparación del paquete

Asegúrate de tener tu comando de compilación en tu package.json script. Luego agrega el sync:ios comando como se muestra a continuación.

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

Este paso hará que el post script funcione de manera simple.

Script de post clonación

Este script se ejecutará en la nube de Xcode después del paso de clonación

#!/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

Guarda este archivo en la raíz de tu proyecto y nómbralo ios/App/ci_scripts/ci_post_clone.sh

Luego haz que este archivo sea ejecutable con este comando chmod +x ios/App/ci_scripts/ci_post_clone.sh

Crear un flujo de trabajo de Xcode

Abre Xcode (sí, para eliminar Xcode necesitas Xcode)

Y vaya a esta pestaña: Paso 1 de Xcode

Haga clic en crear flujo de trabajo, seleccione su aplicación, haga clic en siguiente como se muestra a continuación.

Paso 2 de Xcode

Haga clic en Editar flujo de trabajo en el lado izquierdo Paso 2 de Xcode

Vaya a la pestaña de entornos y elija como se muestra a continuación Mac 12.4 y verifique la opción correcta Paso 3 de Xcode

Elige tu condición de inicio. Si utiliza el mismo build que nosotros, le recomendamos utilizar Etiqueta en lugar de rama, para evitar la construcción doble.

Establezca su variable de entorno Paso 4 de Xcode

Conecte su cuenta de GitHub Paso 5 de Xcode

Paso 6 de Xcode

Habilite y el flujo de trabajo y cometa tu primera modificación, deberías ver tu compilación ejecutándose en Xcode.

Procesamiento de compilación

En Xcode Cloud, se facturan según los minutos que has utilizado para ejecutar tu flujo de trabajo de CI/CD. De la experiencia, lleva aproximadamente 10–15 minutos antes de que una compilación pueda ser procesada en la Tienda de Apple.

Para proyectos privados, el costo estimado por compilación puede llegar a $0.008/min x 5 mins = $0.4o más, dependiendo de la configuración o dependencias de tu proyecto.

Para proyectos de código abierto, esto no debería ser un problema en absoluto. Consulta precios.