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

Utiliza Xcode Cloud para crear tu aplicación de Capacitor JS y evita la necesidad de MacOS.

Requisitos previos

Antes de continuar con el tutorial…

Asegúrate de usar GitHub
Utiliza Capacitor
Tu aplicación ya está implementada en la App Store
Deseo de leer 😆…

El uso de Ionic es opcional, para Cordova podría funcionar, pero no lo he probado

Importante sobre el precio

Precio Xcode Cloud

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

🔴 Una vez advertidos de los requisitos y precios, si te parece, continuamos

📣 En la publicación, asumimos que tenemos la aplicación creada en la App Store

Introducción

Para que Xcode compile tu aplicación Capacitor, necesitas configurar algunas cosas

Preparación del paquete

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

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

Este paso hará que el script posterior funcione simplemente

Script post-clonación

Este script será ejecutado por Xcode cloud 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 install --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_clonesh

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

Crear un flujo de trabajo en Xcode

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

Y ve a esta pestaña: Xcode paso 1

Haz clic en crear flujo de trabajo, selecciona tu aplicación, haz clic en siguiente como se muestra a continuación

Xcode paso 2

Haz clic en Editar flujo de trabajo a la izquierda Xcode paso 2

Ve a la pestaña de entornos y elige como se muestra a continuación Mac 124 y marca la opción adecuada Xcode paso 3

Elige tu condición de inicio Si usas la misma compilación que nosotros, sugiero usar Tag en lugar de rama, para evitar la compilación doble

Establece tu variable de entorno Xcode paso 4

Conecta tu cuenta de GitHub Xcode paso 5

Xcode paso 6

Luego habilita el flujo de trabajo y realiza tu primer cambio, deberías ver tu compilación ejecutándose en Xcode

Procesamiento de la compilación

En Xcode Cloud, se te factura en base a los minutos que has utilizado para ejecutar tu flujo de trabajo de CI/CD. Por experiencia, toma alrededor de 10-15 minutos antes de que una compilación pueda ser procesada en la App Store

Para proyectos privados, el costo estimado por compilación puede llegar hasta $0.008/min x 5 mins = $0.4, o 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. Ver precios