UA Supports Ionic 2/3 framework platforms or not?

Is UA supports to IONIC 2/3 platform or not. please help me, how to define UA methods in app.componets.ts file in ionic 2/3. Is there any solution for this. how to handle UA methods in typescript files.

Didn't find what you were looking for?

New post



  • Hi Ganesh,

    Urban Airship does not official support Ionic frameworks, however we have had customers successfully implement our Phonegap Plugin within their Ionic project before, so it is not outside the realm of possibilities.

    While we won't be able to provide specific instructions for Ionic, we can provide help for the Phonegap plugin since that should work alongside Ionic. 

    Comment actions Permalink

    Is there any update along the lines of implementing UA in ionic 3? We're currently using OneSignal, and are considering a switch to UA.



    Comment actions Permalink
  • Hi Christian,

    Many of our customers today who utilize Ionic are able to successfully integrate their apps with UA using our Cordova Plugin.

    Our Cordova Plugin is compatible with Ionic, and the same instructions to integrate our Cordova plugin will also apply for installing in to your Ionic project.

    Comment actions Permalink
  • You basically need to create provider to use the methods in UrbanAirship.

    Below is the snippet


    create a Provider as urban-airship.ts


    import { Plugin, Cordova} from '@ionic-native/core'
    import {Injectable} from '@angular/core';

      pluginName: 'Urban Airship',
      plugin: 'urbanairship-cordova',
      pluginRef: 'UAirship',
      platforms: ['Android','iOS']

    export class UrbanAirshipProvider {

      getChannelID(): Promise<any> { return; }
      getNamedUser(): Promise<any> { return; }

      setQuietTime(startHr,startMin,endHr,endMin): Promise<any> { return; }

      setQuietTimeEnabled(enabled): Promise<any> { return; }

      updateRegistration(): Promise<any> { return; }

      // [[UAirship push] setQuietTimeStartHour:19 startMinute:30 endHour:7 endMinute:30];


    In app.module.ts


    import { UrbanAirshipProvider } from '../providers/urban-airship/urban-airship';
    add it in provider
    In ts where you need to call below is the code
    import { UrbanAirshipProvider } from '../../providers/urban-airship/urban-airship';
    constructor(private UAirship:UrbanAirshipProvider)
            console.log("result :::",result);
            console.log("result :::",err);





    Comment actions Permalink

Please sign in to leave a comment.