NgxUpdateDailog - check for updates of ionic app

NgxUpdateDialog can make you app get mandatory update by blocking the app use and let the users know about the updates which are available plus the maintainance mode is presented.

• Maintainance Mode ( ios | android )
• Minimum Version ( ios | android )
• Latest Version ( ios | android )
• Custom URL for each platfroms ( ios | android )

Installation

Installation of the package is way easier with the following steps.

Prerequisite

Install App Version Plugin

npm install cordova-plugin-app-version
npm install @ionic-native/app-version
ionic cap sync

Install In App Browser Plugin

npm install cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser
ionic cap sync

Install Semver

npm install semver

Install Library

Install ngx-update-dailog

npm i ngx-update-dailog

Import to app.module.ts

import { NgxUpdateDailogModule } from  'ngx-update-dailog';
import { AppVersion } from  '@ionic-native/app-version/ngx';
import { InAppBrowser } from  '@ionic-native/in-app-browser/ngx';


@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    ...
    NgxUpdateDailogModule.forRoot({ url: 'http://www.example.com/config'}),
    ],
  providers: [
    ...
    AppVersion,
    InAppBrowser,
    ...
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

Initialalize in app.component.ts

import { NgxUpdateDailogService } from 'ngx-update-dailog';

this.updateService.evaluate().then((data) => {
   if (!data) { //no errors }
});

Screenshots (Preview)

Name | Preview ------------| ---------- Optional Update Preview | Mandatory Update Preview | Maintainance Mode Preview |

Support and Contact

Please reach me via email [email protected]