Skip to main content

Getting Started with Live Updates

Getting started with Live Updates in your Portals app.

info

To use the Live Updates SDK with Ionic Portals, check out the Getting Started Guide for Ionic Portals first.

Appflow

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

info

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

Deployments in Appflow will be downloaded as new Live Updates.

Install

The Live Updates SDK is publicly available via Maven Central, Cocoapods, and SPM.

Live Updates is already added to your React Native project if you have the dependency for Portals in your package.json:

npm install @ionic/portals-react-native@0.4.0

Configure

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.

App.tsx
import { addPortal } from "@ionic/portals-react-native";

const portal = {
name: "checkout",
liveUpdate: {
appId: "ebd6138b",
channel: "production",
syncOnAdd: true, // pass false if you do not want a sync to immediately occur
},
};

addPortal(portal);

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.