@capawesome/capacitor-live-update

Capacitor plugin to update your app remotely in real-time.

Features

🔋 Supports Android and iOS
⚡️ Capacitor 6 support
📦 Bundle Management: Download, set, and delete bundles.
☁️ Cloud Support: Use the Capawesome Cloud to manage your app updates.
📺 Channel Support: Set a channel for the app to manage different versions.
🔄 Auto Update: Automatically download and set the latest bundle for the app.
🛟 Rollback: Reset the app to the default bundle if an incompatible bundle has been set.
🚀 Rollout: Gradually roll out new bundles to gather valuable feedback.
🔁 Delta Updates: Make your updates faster by only downloading changed files.
🔒 Security: Verify the authenticity and integrity of the bundle using a public key.
🌐 Open Source: Licensed under the MIT License.

Installation

npm install @capawesome/capacitor-live-update
npx cap sync

Android

Variables

This plugin will use the following project variables (defined in your app’s variables.gradle file):

$okhttp3Version version of com.squareup.okhttp3:okhttp (default: 22.3.1)
$zip4jVersion version of net.lingala.zip4j:zip4j (default: 2.11.5)

iOS

Privacy manifest

Add the NSPrivacyAccessedAPICategoryUserDefaults dictionary key to your Privacy Manifest (usually ios/App/PrivacyInfo.xcprivacy):

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
  <dict>
    <key>NSPrivacyAccessedAPITypes</key>
    <array>
      <!-- Add this dict entry to the array if the file already exists. -->
      <dict>
        <key>NSPrivacyAccessedAPIType</key>
        <string>NSPrivacyAccessedAPICategoryUserDefaults</string>
        <key>NSPrivacyAccessedAPITypeReasons</key>
        <array>
          <string>CA92.1</string>
        </array>
      </dict>
    </array>
  </dict>
</plist>

We recommend to declare CA92.1 as the reason for accessing the UserDefaults API.

Configuration

Prop	Type	Description	Default	Since
`appId`	`string`	The app ID is used to identify the app when using Capawesome Cloud. This is NOT the same as the app identifier (e.g. `com.example.app`). This is a unique identifier generated by Capawesome Cloud (e.g. `6e351b4f-69a7-415e-a057-4567df7ffe94`).		5.0.0
`autoDeleteBundles`	`boolean`	Whether or not to automatically delete unused bundles. When enabled, the plugin will automatically delete unused bundles after calling `ready()`.	`false`	5.0.0
`defaultChannel`	`string`	The default channel of the app.		6.3.0
`enabled`	`boolean`	Whether or not the plugin is enabled.	`true`	5.0.0
`httpTimeout`	`number`	The timeout in milliseconds for HTTP requests.	`60000`	6.4.0
`location`	`'us' \| 'eu'`	The location of the server to use when using Capawesome Cloud.	`'us'`	6.2.0
`publicKey`	`string`	The public key to verify the integrity of the bundle. The public key must be a PEM-encoded RSA public key.		6.1.0
`readyTimeout`	`number`	The timeout in milliseconds to wait for the app to be ready before resetting to the default bundle.	`10000`	5.0.0
`resetOnUpdate`	`boolean`	Whether or not the app should be reset to the default bundle during an update.	`true`	5.0.0

Examples

In capacitor.config.json:

{
  "plugins": {
    "LiveUpdate": {
      "appId": '6e351b4f-69a7-415e-a057-4567df7ffe94',
      "autoDeleteBundles": undefined,
      "defaultChannel": 'production',
      "enabled": undefined,
      "httpTimeout": undefined,
      "location": 'eu',
      "publicKey": '-----BEGIN PUBLIC KEY-----MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDDodf1SD0OOn6hIlDuKBza0Ed0OqtwyVJwiyjmE9BJaZ7y8ZUfcF+SKmd0l2cDPM45XIg2tAFux5n29uoKyHwSt+6tCi5CJA5Z1/1eZruRRqABLonV77KS3HUtvOgqRLDnKSV89dYZkM++NwmzOPgIF422mvc+VukcVOBfc8/AHQIDAQAB-----END PUBLIC KEY-----',
      "readyTimeout": undefined,
      "resetOnUpdate": undefined
    }
  }
}

In capacitor.config.ts:

/// <reference types="@capawesome/capacitor-live-update" />

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  plugins: {
    LiveUpdate: {
      appId: '6e351b4f-69a7-415e-a057-4567df7ffe94',
      autoDeleteBundles: undefined,
      defaultChannel: 'production',
      enabled: undefined,
      httpTimeout: undefined,
      location: 'eu',
      publicKey: '-----BEGIN PUBLIC KEY-----MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDDodf1SD0OOn6hIlDuKBza0Ed0OqtwyVJwiyjmE9BJaZ7y8ZUfcF+SKmd0l2cDPM45XIg2tAFux5n29uoKyHwSt+6tCi5CJA5Z1/1eZruRRqABLonV77KS3HUtvOgqRLDnKSV89dYZkM++NwmzOPgIF422mvc+VukcVOBfc8/AHQIDAQAB-----END PUBLIC KEY-----',
      readyTimeout: undefined,
      resetOnUpdate: undefined,
    },
  },
};

export default config;

Starter templates

The following starter templates are available:

Ionstarter Angular Firebase
Ionstarter Angular SQLite

Guides

Announcing the Capacitor Live Update Plugin

Usage

import { LiveUpdate } from '@capawesome/capacitor-live-update';

const deleteBundle = async () => {
  await LiveUpdate.deleteBundle({ bundleId: 'my-bundle' });
};

const downloadBundle = async () => {
  await LiveUpdate.downloadBundle({ url: 'https://example.com/1.0.0.zip', bundleId: '1.0.0' });
};

const fetchLatestBundle = async () => {
  await LiveUpdate.fetchLatestBundle();
};

const getBundles = async () => {
  const result = await LiveUpdate.getBundles();
  return result.bundleIds;
};

const getChannel = async () => {
  const result = await LiveUpdate.getChannel();
  return result.channel;
};

const getCurrentBundle = async () => {
  const result = await LiveUpdate.getCurrentBundle();
  return result.bundleId;
};

const getCustomId = async () => {
  const result = await LiveUpdate.getCustomId();
  return result.customId;
};

const getDeviceId = async () => {
  const result = await LiveUpdate.getDeviceId();
  return result.deviceId;
};

const getNextBundle = async () => {
  const result = await LiveUpdate.getNextBundle();
  return result.bundleId;
};

const getVersionCode = async () => {
  const result = await LiveUpdate.getVersionCode();
  return result.versionCode;
};

const getVersionName = async () => {
  const result = await LiveUpdate.getVersionName();
  return result.versionName;
};

const ready = async () => {
  await LiveUpdate.ready();
};

const reload = async () => {
  await LiveUpdate.reload();
};

const reset = async () => {
  await LiveUpdate.reset();
};

const setChannel = async () => {
  await LiveUpdate.setChannel({ channel: 'beta' });
};

const setCustomId = async () => {
  await LiveUpdate.setCustomId({ customId: 'my-custom-id' });
};

const setNextBundle = async () => {
  await LiveUpdate.setNextBundle({ bundleId: '1.0.0' });
};

const sync = async () => {
  const result = await LiveUpdate.sync();
  return result.nextBundleId;
};

const isNewBundleAvailable = async () => {
  const { bundleId: latestBundleId } = await LiveUpdate.fetchLatestBundle();
  if (latestBundleId) {
    const { bundleId: currentBundleId } = await LiveUpdate.getBundle();
    return latestBundleId !== currentBundleId;
  } else {
    return false;
  }
};

API

deleteBundle(...)
downloadBundle(...)
fetchLatestBundle(...)
getBundle()
getBundles()
getChannel()
getCurrentBundle()
getCustomId()
getDeviceId()
getNextBundle()
getVersionCode()
getVersionName()
ready()
reload()
reset()
setBundle(...)
setChannel(...)
setCustomId(...)
setNextBundle(...)
sync(...)
Interfaces

deleteBundle(...)

deleteBundle(options: DeleteBundleOptions) => Promise<void>

Delete a bundle from the app.

Only available on Android and iOS.

Param	Type
`options`	`DeleteBundleOptions`

Since: 5.0.0

downloadBundle(...)

downloadBundle(options: DownloadBundleOptions) => Promise<void>

Download a bundle.

Only available on Android and iOS.

Param	Type
`options`	`DownloadBundleOptions`

Since: 5.0.0

fetchLatestBundle(...)

fetchLatestBundle(options?: FetchLatestBundleOptions | undefined) => Promise<FetchLatestBundleResult>

Fetch the latest bundle using the Capawesome Cloud.

Only available on Android and iOS.

Param	Type
`options`	`FetchLatestBundleOptions`

Returns: Promise<FetchLatestBundleResult>

Since: 6.6.0

getBundle()

getBundle() => Promise<GetBundleResult>

Get the active bundle identifier.

Only available on Android and iOS.

Returns: Promise<GetBundleResult>

Since: 5.0.0

getBundles()

getBundles() => Promise<GetBundlesResult>

Get all identifiers of bundles that have been downloaded.

Only available on Android and iOS.

Returns: Promise<GetBundlesResult>

Since: 5.0.0

getChannel()

getChannel() => Promise<GetChannelResult>

Get the channel that is used for the update.

Only available on Android and iOS.

Returns: Promise<GetChannelResult>

Since: 5.0.0

getCurrentBundle()

getCurrentBundle() => Promise<GetCurrentBundleResult>

Get the bundle identifier of the current bundle. The current bundle is the bundle that is currently used by the app.

Only available on Android and iOS.

Returns: Promise<GetCurrentBundleResult>

Since: 6.7.0

getCustomId()

getCustomId() => Promise<GetCustomIdResult>

Get the custom identifier of the device.

Only available on Android and iOS.

Returns: Promise<GetCustomIdResult>

Since: 5.0.0

getDeviceId()

getDeviceId() => Promise<GetDeviceIdResult>

Get the unique device identifier.

Only available on Android and iOS.

Returns: Promise<GetDeviceIdResult>

Since: 5.0.0

getNextBundle()

getNextBundle() => Promise<GetNextBundleResult>

Get the bundle identifier of the next bundle. The next bundle is the bundle that will be used after calling reload() or restarting the app.

Only available on Android and iOS.

Returns: Promise<GetNextBundleResult>

Since: 6.7.0

getVersionCode()

getVersionCode() => Promise<GetVersionCodeResult>

Get the version code of the app.

Only available on Android and iOS.

Returns: Promise<GetVersionCodeResult>

Since: 5.0.0

getVersionName()

getVersionName() => Promise<GetVersionNameResult>

Get the version name of the app.

Only available on Android and iOS.

Returns: Promise<GetVersionNameResult>

Since: 5.0.0

ready()

ready() => Promise<void>

Notify the plugin that the app is ready to use and no rollback is needed.

Attention: This method should be called as soon as the app is ready to use to prevent the app from being reset to the default bundle.

Only available on Android and iOS.

Since: 5.0.0

reload()

reload() => Promise<void>

Reload the app to apply the new bundle.

Only available on Android and iOS.

Since: 5.0.0

reset()

reset() => Promise<void>

Reset the app to the default bundle.

Call reload() or restart the app to apply the changes.

Only available on Android and iOS.

Since: 5.0.0

setBundle(...)

setBundle(options: SetBundleOptions) => Promise<void>

Set the next bundle to use for the app.

Call reload() or restart the app to apply the changes.

Only available on Android and iOS.

Param	Type
`options`	`SetBundleOptions`

Since: 5.0.0

setChannel(...)

setChannel(options: SetChannelOptions) => Promise<void>

Set the channel to use for the update.

Only available on Android and iOS.

Param	Type
`options`	`SetChannelOptions`

Since: 5.0.0

setCustomId(...)

setCustomId(options: SetCustomIdOptions) => Promise<void>

Set the custom identifier of the device.

Only available on Android and iOS.

Param	Type
`options`	`SetCustomIdOptions`

Since: 5.0.0

setNextBundle(...)

setNextBundle(options: SetNextBundleOptions) => Promise<void>

Set the next bundle to use for the app.

Call reload() or restart the app to apply the changes.

Only available on Android and iOS.

Param	Type
`options`	`SetNextBundleOptions`

Since: 6.7.0

sync(...)

sync(options?: SyncOptions | undefined) => Promise<SyncResult>

Automatically download and set the latest bundle for the app using the Capawesome Cloud.

Call reload() or restart the app to apply the changes.

Only available on Android and iOS.

Param	Type
`options`	`SyncOptions`

Returns: Promise<SyncResult>

Since: 5.0.0

Interfaces

DeleteBundleOptions

Prop	Type	Description	Since
`bundleId`	`string`	The unique identifier of the bundle to delete.	5.0.0

DownloadBundleOptions

Prop	Type	Description	Default	Since
`artifactType`	`'manifest' \| 'zip'`	The artifact type of the bundle.	`'zip'`	6.6.0
`bundleId`	`string`	The unique identifier of the bundle.		5.0.0
`checksum`	`string`	The checksum of the bundle to verify the integrity of the ZIP file. Must be a SHA-256 hash in base64 format.		6.1.0
`url`	`string`	The URL of the bundle to download. For the `zip` artifact type, the URL must point to a ZIP file. For the `manifest` artifact type, the URL serves as the base URL to download the individual files. For example, if the URL is `https://example.com/download`, the plugin will download the file with the href `index.html` from `https://example.com/download?href=index.html`. To verify the integrity of the file, the server must return a `X-Checksum` header with the SHA-256 hash in base64 format. To verify the signature of the file, the server must return a `X-Signature` header with the signed SHA-256 hash in base64 format.		5.0.0

FetchLatestBundleResult

Prop	Type	Description	Since
`artifactType`	`'manifest' \| 'zip'`	The artifact type of the bundle.	6.7.0
`bundleId`	`string \| null`	The unique identifier of the latest bundle. If `null`, no bundle is available.	6.6.0
`downloadUrl`	`string`	The URL of the latest bundle to download. Pass this URL to the `downloadBundle(...)` method to download the bundle.	6.7.0

FetchLatestBundleOptions

Prop	Type	Description	Since
`channel`	`string`	The name of the channel where the latest bundle is fetched from.	6.7.0

GetBundleResult

Prop	Type	Description	Since
`bundleId`	`string \| null`	The unique identifier of the active bundle. If `null`, the default bundle is being used.	5.0.0

GetBundlesResult

Prop	Type	Description	Since
`bundleIds`	`string[]`	An array of unique identifiers of all available bundles.	5.0.0

GetChannelResult

Prop	Type	Description	Since
`channel`	`string \| null`	The channel name. If `null`, the app is using the default channel.	5.0.0

GetCurrentBundleResult

Prop	Type	Description	Since
`bundleId`	`string \| null`	The unique identifier of the current bundle. If `null`, the default bundle is being used.	6.7.0

GetCustomIdResult

Prop	Type	Description	Since
`customId`	`string \| null`	The custom identifier of the device. If `null`, no custom identifier is set.	5.0.0

GetDeviceIdResult

Prop	Type	Description	Since
`deviceId`	`string`	The unique identifier of the device. On iOS, `identifierForVendor` is used. The value of this property is the same for apps that come from the same vendor running on the same device.	5.0.0

GetNextBundleResult

Prop	Type	Description	Since
`bundleId`	`string \| null`	The unique identifier of the next bundle. If `null`, the default bundle is being used.	6.7.0

GetVersionCodeResult

Prop	Type	Description	Since
`versionCode`	`string`	The version code of the app. On Android, this is the `versionCode` from the `android/app/build.gradle` file. On iOS, this is the `CFBundleVersion` from the `Info.plist` file.	5.0.0

GetVersionNameResult

Prop	Type	Description	Since
`versionName`	`string`	The version name of the app. On Android, this is the `versionName` from the `android/app/build.gradle` file. On iOS, this is the `CFBundleShortVersionString` from the `Info.plist` file.	5.0.0

SetBundleOptions

Prop	Type	Description	Since
`bundleId`	`string`	The unique identifier of the bundle to use.	5.0.0

SetChannelOptions

Prop	Type	Description	Since
`channel`	`string \| null`	The channel name. Set `null` to remove the channel.	5.0.0

SetCustomIdOptions

Prop	Type	Description	Since
`customId`	`string \| null`	The custom identifier of the device. Set `null` to remove the custom identifier.	5.0.0

SetNextBundleOptions

Prop	Type	Description	Since
`bundleId`	`string \| null`	The unique identifier of the bundle to use. Set `null` to use the default bundle (same as calling `reset()`).	6.7.0

SyncResult

Prop	Type	Description	Since
`nextBundleId`	`string \| null`	The identifier of the next bundle to use. If `null`, the app is up-to-date and no new bundle is available.	5.0.0

SyncOptions

Prop	Type	Description	Since
`channel`	`string`	The name of the channel where the latest bundle is fetched from.	6.7.0

Testing

When testing the plugin, you must make sure that you do not use the Live Reload option, as in this case a development server is used to load the bundle.

Therefore, simply start your app without the live reload option, for example with the following command:

npx ionic cap run android --open

If you want to disable the plugin to test other parts of your app, you can set the enabled configuration option to false.

Limitations

Live updates are only supported for binary-compatible changes (e.g. HTML, CSS, JavaScript). If you change native code, such as adding a new plugin, you need to resubmit your app to the app stores. For this reason, you must be careful to restrict live updates to compatible native versions of your app.

FAQ

Why can't I see my changes during development?

As soon as you have installed a live update, the app will use the live update bundle and no longer the default bundle. So if you make local changes to your app and execute npx cap run, for example, these changes will apply to the default bundle, which is not currently in use. You then have three options to get back to the default bundle:

Reset: Call the reset() method to reset the app to the default bundle.
Reinstall: Reinstall the app to use the default bundle.
Update: Increase the versionCode/CFBundleVersion so that the plugin automatically performs a reset (assuming the resetOnUpdate configuration option is active).

However, this is only a problem during development. It is not a problem in production as long as you have the resetOnUpdate configuration option enabled, as the versionCode/CFBundleVersion is always incremented during a native update and thus always resets to the default bundle.

Changelog

See CHANGELOG.md.

License

See LICENSE.

Files

README.md

Latest commit

History

README.md

File metadata and controls

@capawesome/capacitor-live-update

Features

Installation

Android

Variables

iOS

Privacy manifest

Configuration

Examples

Starter templates

Guides

Usage

API

deleteBundle(...)

downloadBundle(...)

fetchLatestBundle(...)

getBundle()

getBundles()

getChannel()

getCurrentBundle()

getCustomId()

getDeviceId()

getNextBundle()

getVersionCode()

getVersionName()

ready()

reload()

reset()

setBundle(...)

setChannel(...)

setCustomId(...)

setNextBundle(...)

sync(...)

Interfaces

DeleteBundleOptions

DownloadBundleOptions

FetchLatestBundleResult

FetchLatestBundleOptions

GetBundleResult

GetBundlesResult

GetChannelResult

GetCurrentBundleResult

GetCustomIdResult

GetDeviceIdResult

GetNextBundleResult

GetVersionCodeResult

GetVersionNameResult

SetBundleOptions

SetChannelOptions

SetCustomIdOptions

SetNextBundleOptions

SyncResult

SyncOptions

Testing

Limitations

FAQ

Why can't I see my changes during development?

Changelog

License