Ionic App Version – Cordova plugin app version is used to get the app version. Here in this tutorial we are going to explain how you can install this plugin and use it.

Ionic App Version | Native App Version Plugin

First, install the cordova plugin cordova-plugin-app-version, you can install this plugin simply as below- –

$ ionic plugin add --save cordova-plugin-app-version
$ npm install --save @ionic-native/app-version

This plugin reads the app version from the target build.

Supported Platforms

• Android
• Ios

Example

You can get the app version details simply as below-

import { AppVersion } from '@ionic-native/app-version';

constructor(private appVersion: AppVersion) { }

...


this.appVersion.getAppName();
this.appVersion.getPackageName();
this.appVersion.getVersionCode();
this.appVersion.getVersionNumber();

• getAppName– This returns the app name.
• getPackageName– This returns the app package name.
• getVersionCode– This returns the app version code.
• getVersionNumber– This returns the app version number.

Ionic App Update Cordova plugin app update is used to do the self update for android. First you need to add plugin cordova-plugin-app-update. Here in this tutorial we are going to explain how you can use Ionic App Update Plugin.

Ionic App Update | Native App Plugin Example

Run the following command to install the app update plugin –

$ ionic plugin add --save cordova-plugin-app-update
$ npm install --save @ionic-native/app-update

Supported Platforms

• Android– This feature is supported only in Android.

This plugin automatically updates the app, let us create a simple example to understand this.

Usage

Step 1

First you need need to create a XML file(update.xml) and host this file on server with the following content-

    302048
    APK Name
    https://your-remote-api.com/YourApp.apk

In the above example provide the following details –

• version – Version number to which you want update.
• name – Apk file Name.
• url – Apk file url path.

Step 2

Now you can use the following code to update-

import { AppUpdate } from '@ionic-native/app-update';

constructor(private appUpdate: AppUpdate) {

   const updateUrl = 'http://your-remote-api.com/update.xml';
   this.appUpdate.checkAppUpdate(updateUrl);

}

This plugin will compare the app with the API version if API has newer version then it will automatically install it.

Instance Members

• checkAppUpdate(updateUrl)– It checks the and performs update action. updateUrl is Update Api URL. It returns promise that resolves when something happens.

Ionic App Rate plugin- App Rate plugin provides functionality to prompt the user to rate the App having the options – Now, Later, Never. App Rate functionality requires the Cordova plugin
cordova-plugin-apprate. Here in this tutorial we are going to explain how to install App Rate plugin and use it.

Ionic App Rate | Plugin | Functionality Example

You can install the App rate plugin simply as Below-

Install Plugin

$ ionic plugin add --save cordova-plugin-apprate
$ npm install --save @ionic-native/app-rate

Supported Platforms

This plugin is supported in the following platforms –

• 1. Android
• 2. IOS
• 3. Windows

App Rate Example

Here is simple example of app rate plugin in Ionic-

import { AppRate } from '@ionic-native/app-rate';

constructor(private appRate: AppRate) { }

...

 this.appRate.preferences.storeAppURL = {
   ios: '',
   android: 'market://details?id=',
   windows: 'ms-windows-store://review/?ProductId='
 };

this.appRate.promptForRating(false);

For Ios app id is required, for Android package name and for windows product Id(Store Id) is required.

Instance Members

App Rate Preferences

App Urls

AppRateCallbacks

Ionic App Preferences plugin– Ionic App Preferences plugin allows us to read and write app preferences. Here in this tutorial we are going to explain to import this plugin and use it.

Ionic App Preferences Plugin Example

You can install App Preferences Plugin simply as below-

$ ionic plugin add --save cordova-plugin-app-preferences
$ npm install --save @ionic-native/app-preferences

Supported Platforms

Following Platforms are supported in app preferences –

• Android
• BlackBerry 10
• Browser
• iOS
• OS X
• Windows 8
• Windows Phone

Example

First Import AppPreferences from ionic native before using it, Here is simple example-

import { AppPreferences } from '@ionic-native/app-preferences';

constructor(private appPreferences: AppPreferences) {

  this.appPreferences.fetch('key').then((res) => { console.log(res); });

}

Instance Members

Following Instance Members are available-

• fetch
• store
• remove
• clearAll
• show
• watch
• suite
• iosSuite
• cloudSync
• defaults

Now let us go one by one to understand the details-

fetch(dict, key)

This method returns the preference value-

Returns- Returns Promise any.

store(dict, key, value)

This method sets the preference value-

Returns- Returns Promise any.

remove(dict, key)

This method removes the value from the preference-

Returns- Returns Promise any.

clearAll()

This method clears the preferences-

Returns- Returns Promise any.

show()

This method shows the native preference interface-

Returns- Returns Promise any.

watch(subscribe)

This method shows the native preference interface-

subscribe(boolean)-True value to subscribe, false – unsubscribe

Returns- Returns Observable.

suite(suiteName)

Supported Platform– Android

This method shows the native preference interface-

suitName(boolean)-Return named configuration context In iOS you’ll get a suite configuration, on Android — named file Supports: Android, iOS.

Returns- Returns Custom Object.

isSuite()

Supported Platform– IOS

cloudSync()

Supported Platform– IOS, Windows, Windows Phone 8

Returns cloud synchronized configuration.

defaults()

Supported Platform– IOS, Windows, Windows Phone 8

Returns default configuration.