mcpField
I
ionic-appflow-migration

ionic-appflow-migration

github.com/cap-goCloud & DevOps74660 installsUpdated 2w ago
Repository

About ionic-appflow-migration

A migration skill for replacing Ionic Appflow features in Capacitor projects, covering Live Updates, cloud builds, and store deployment. It helps teams inventory dependencies, verify replacements, and remove Appflow only after the transition is confirmed.

Key features

  1. 01Inventories Appflow usage
  2. 02Maps Live Updates to Capgo
  3. 03Plans cloud build replacements
  4. 04Covers store publishing options
  5. 05Verifies cutover before cleanup

Use cases

  1. 01Migrate Live Updates from Appflow
  2. 02Replace Appflow native build pipelines
  3. 03Move store deployment workflows

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/cap-go/capgo-skills --skill ionic-appflow-migration

After installing, type/ionic-appflow-migrationin Claude Code to confirm it loaded.

Bundled filesmetadata.json

Details

From the project README

Ionic Appflow Migration

Replace each Appflow feature the project uses - Live Updates, native cloud builds, store deployment - and remove Appflow only after each replacement is verified.

Context: Ionic stopped selling Appflow in February 2025; existing customers keep access until December 31, 2027 with no new features. Plan the migration well before that date.

When to Use

TRIGGER when:

  • package.json has @capacitor/live-updates or cordova-plugin-ionic.
  • capacitor.config.* has plugins.LiveUpdates, or config.xml / Info.plist / strings.xml hold Appflow deploy keys (APP_ID, CHANNEL_NAME, UPDATE_METHOD, IonAppId, IonChannelName).
  • CI calls ionic deploy, appflow, ionic package build, or the Appflow dashboard triggers builds and store uploads.

Do not use for:

  • @ionic-enterprise/* plugins -> ionic-enterprise-sdk-migration.
  • Capawesome Cloud -> capawesome-live-update-migration.
  • Greenfield Capgo setup -> capgo-live-updates.

Live Project Snapshot

Detected Appflow-related packages and scripts: !node -e "const fs=require('fs');if(!fs.existsSync('package.json'))process.exit(0);const pkg=JSON.parse(fs.readFileSync('package.json','utf8'));const out=[];for(const section of ['dependencies','devDependencies']){for(const [name,version] of Object.entries(pkg[section]||{})){if(name==='@capacitor/live-updates'||name==='cordova-plugin-ionic'||name.includes('appflow')||name==='@ionic/cli'||name==='@capgo/capacitor-updater'||name==='@capacitor/core')out.push(section+'.'+name+'='+version)}}for(const [name,cmd] of Object.entries(pkg.scripts||{})){if(/appflow|ionic deploy|ionic package|live-updates/i.test(cmd))out.push('scripts.'+name+'='+cmd)}console.log(out.join('\n'))"

Possible Appflow config and workflow paths: !find . -maxdepth 4 -not -path '*/node_modules/*' \( -name '.io-config.json' -o -name 'ionic.config.json' -o -name 'config.xml' -o -name 'capacitor.config.json' -o -name 'capacitor.config.ts' -o -name 'capacitor.config.js' -o -path './.github/workflows/*' -o -name '.gitlab-ci.yml' -o -name 'appflow.config.json' \)

Procedure

Step 1: Inventory (report before editing)
rg -n "@capacitor/live-updates|cordova-plugin-ionic|LiveUpdates|IonAppId|IonChannelName|UPDATE_METHOD|CHANNEL_NAME|ionic deploy|appflow|dashboard.ionicframework.com|ionic.io/appflow" \
  -g '!node_modules' .

Record per feature:

  • Live Updates: SDK in use, Appflow app ID, channels and which binaries point at them, update method (background, none, always-latest on resume, force update), maxVersions, any code calling sync(), download(), extract(), reload().
  • Native builds: build stack, signing certificates/profiles and keystores stored in Appflow, environment variables, native config overrides.
  • Store deploys: TestFlight / Play destinations and tracks.

Ask the user to export signing credentials from Appflow (or confirm they have originals) before deleting anything there.

Step 2: Live Updates -> Capgo
npm uninstall @capacitor/live-updates   # or: npm uninstall cordova-plugin-ionic
npm install @capgo/capacitor-updater
npx cap sync

For cordova-plugin-ionic, also remove its <plugin>/<variable> entries from config.xml and any Ion* keys from native files.

Replace the config block:

// capacitor.config.ts
plugins: {
  // remove LiveUpdates: { appId, channel, autoUpdateMethod, maxVersions }
  CapacitorUpdater: {
    autoUpdate: true,
    autoDeletePrevious: true,
  },
},
AppflowCapgo
appIdCapgo app created with npx @capgo/cli@latest init (uses appId from capacitor.config)
channelCapgo channel (dashboard/CLI); set default channel server-side, or defaultChannel in config for per-build overrides
autoUpdateMethod: 'background'autoUpdate: true (default behaviour: download in background, apply on next start)
autoUpdateMethod: 'none' + manual sync()Keep autoUpdate: true unless the product needs custom timing; otherwise autoUpdate: false + manual API
maxVersionsautoDeletePrevious: true plus server-side bundle retention
Binary-version targetingChannel per native major, or --min-update-version / metadata strategy (capgo-release-workflows)
Force updateMark bundle/channel behaviour in Capgo and listen for majorAvailable or use directUpdate

Add the one required hook once the app shell renders:

import { CapacitorUpdater } from '@capgo/capacitor-updater';
void CapacitorUpdater.notifyAppReady();

Without it Capgo treats the bundle as broken and rolls back.

API mapping (keep manual calls only if the product needs custom UI or timing):

Appflow (@capacitor/live-updates)Capgo
LiveUpdates.sync()Not needed with autoUpdate: true; manual: CapacitorUpdater.getLatest() + download()
LiveUpdates.reload()CapacitorUpdater.set({ id }) (applies and reloads) or reload()
resume listener calling sync()Remove; auto-update checks on resume
SplashScreen.hide() after syncPlain SplashScreen.hide() after app boot; optional appReady listener

Upload the first bundle to a test channel:

npm run build
npx @capgo/cli@latest bundle upload --channel development
Step 3: Native cloud builds

Two replacements; ask which the user prefers:

  • Capgo Cloud Build: npx @capgo/cli@latest build credentials save --platform ios|android ..., then npx @capgo/cli@latest build request <appId> --platform ios|android. Details in capgo-native-builds.
  • Repo-owned CI (GitHub Actions, GitLab, Fastlane): capacitor-ci-cd.

Carry over environment variables, build-time config, and signing inputs exactly; change one thing at a time.

Step 4: Store publishing

Capgo Cloud Build can upload to TestFlight / Play when store credentials are saved; otherwise use CI upload steps (capacitor-ci-cd) or manual submission (capacitor-app-store). Keep bundle IDs, Play tracks, and credentials unchanged.

Step 5: Cut over and clean up
  1. Ship a native build containing @capgo/capacitor-updater to the stores. Devices on older binaries keep pulling from Appflow until they update - keep Appflow channels live until adoption is high enough.
  2. Publish web updates to both systems during the overlap, or freeze Appflow at the last bundle shipped with the new binary.
  3. Remove Appflow packages, plugins.LiveUpdates, .io-config.json references, Appflow CI jobs, and secrets once no supported binary depends on them.

Verification

  • rg -n "@capacitor/live-updates|cordova-plugin-ionic|LiveUpdates\\." -g '!node_modules' . returns nothing (after cleanup).
  • Fresh install of the new binary: logs show notifyAppReady called; Capgo dashboard shows the device.
  • Upload a test bundle to a non-production channel; device downloads and applies it on next start.
  • Upload a deliberately broken bundle (no notifyAppReady) to the test channel; device rolls back.
  • New native build pipeline produces signed IPA/AAB with the same bundle ID and a higher build number.

Error Handling

ProblemFix
App rolls back every updatenotifyAppReady() not reached (called too late, behind login, or code path throws); call it right after the shell renders
Cannot find API key in local folder or global, please login first from the Capgo CLInpx @capgo/cli@latest login <apikey> locally, or CAPGO_TOKEN in CI
Updates never arriveDevice on a channel without the bundle, or bundle incompatible with native version; check channel and npx @capgo/cli@latest bundle compatibility
Old Appflow update overwrote Capgo bundleOld SDK still installed in the binary; confirm @capacitor/live-updates / cordova-plugin-ionic removed and npx cap sync run before building
Build fails after removing AppflowAppflow injected env vars or native config; recreate them in CI or Capgo Cloud Build environment

Comments

Markdown supported