Skip to main content

Adding Live Updates

Getting started with Live Updates in your Portals app.


Create an app for your Portal in the Ionic Dashboard. For more information, see our documentation on using Appflow.


Take note of the appId of your app in Appflow, this will be used by the Live Updates sdk.

To test Live Updates, create a new build of your app in Appflow and create a deployment to Live Updates from that build. Take note of the channel name as this is also used in the Live Updates sdk.


Deployments in Appflow will be downloaded as new Live Updates.


After installing the dependency you need to configure Live Updates as part of the Portal creation process. Add a LiveUpdate config where your Portal is created. Provide the appId that corresponds with the app in Appflow, and the channel name to subscribe to for updates.

import UIKit
import IonicPortals

class AppDelegate: UIResponder, UIApplicationDelegate {
func application(_ application: UIApplication, didFinishLaunchingWithOptions
launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
// Override point for customization after application launch.
PortalsRegistrationManager.shared.register(key: "YOUR_PORTALS_KEY")
return true

extension Portal {
static let featuredProducts = Portal(
name: "featured_products",
liveUpdateConfig: .webapp

extension LiveUpdate {
private static let activeChannel = "production"

static let webapp = Self(
appId: "11a0971f",
channel: activeChannel,
syncOnAdd: true

Note the syncOnAdd property above. When this property is set to true (or omitted), a sync operation will occur the first time a Portal is created to check if an update is available, If so, the assets are downloaded to the device and setup with the Portal and will be applied the next time the Portal is loaded.

If set to false then it is up to the application developer to apply the Live Updates manually. More info available in the Syncing with Live Updates how to.

By default, when the app loads for the first time and the portal is created, a sync will occur. A sync operation checks the Appflow servers for a new version of the app. If a new version is available, the app files are downloaded to the device and setup with the Portal. The next time the Portal is loaded, the new version will load automatically.