How to integrate OneSignal with your Ionic app

To integrate OneSignal with your Ionic app, you can follow these steps:

1- First, create an account with OneSignal if you haven't already done so.

2- Add the OneSignal Cordova plugin to your Ionic project by running the following command in your terminal:

ionic cordova plugin add onesignal-cordova-plugin

3- Install the OneSignal plugin in your project by running the following command:

npm install @ionic-native/onesignal

4- Import the OneSignal module in your app.module.ts file:

import { OneSignal } from '@ionic-native/onesignal/ngx';

5- Add the OneSignal provider to the providers array in app.module.ts:

providers: [
   OneSignal,
   ...
]

6- In your app.component.ts file, import the OneSignal module and inject it into the constructor:

import { OneSignal } from '@ionic-native/onesignal/ngx';
constructor(private oneSignal: OneSignal) { }

7- Initialize the OneSignal plugin in your app.component.ts file:

this.oneSignal.startInit('YOUR_ONESIGNAL_APP_ID', 'YOUR_GOOGLE_PROJECT_NUMBER');
this.oneSignal.inFocusDisplaying(this.oneSignal.OSInFocusDisplayOption.Notification);
this.oneSignal.endInit();

Note: Replace 'YOUR_ONESIGNAL_APP_ID' and 'YOUR_GOOGLE_PROJECT_NUMBER' with your actual OneSignal App ID and Google Project Number respectively.

8- Handle OneSignal notifications in your app.component.ts file:

this.oneSignal.handleNotificationReceived().subscribe(() => {
   // handle received notification
});
this.oneSignal.handleNotificationOpened().subscribe(() => {
   // handle opened notification
});

9- Finally, call the OneSignal APIs in your code as needed, such as subscribing and unsubscribing from notifications.

this.oneSignal.setSubscription(true);
this.oneSignal.setSubscription(false);