Skip to main content

Ionic & Capacitor SDK Setup - OneSignal Documentation

 Instructions for adding the OneSignal SDK to your Ionic or Capacitor app for iOS, Android

Requirements

iOS Requirements

  • An iOS 9+ or iPadOS device (iPhone, iPad, iPod Touch) to test on. Xcode 14+ simulator works running iOS 16+.
  • A Mac with Xcode 12+.
  • An iOS Push Certificate.
  • Cordova ios@5.0.0 or newer.
  • CocoaPods - Install with the following from the Terminal:

Shell

sudo gem install cocoapods
pod repo update


Ionic/Capacitor

npm install onesignal-cordova-plugin
npx cap sync

Ionic + Cordova (Angular)

Add OneSignalInit() method in app.component.ts


constructor(platform: Platform) {
platform.ready().then(() => {
OneSignalInit(); //Add this line
});
}


Add the OneSignalInit() code block to the same file as noted above.


import OneSignal from 'onesignal-cordova-plugin';
OneSignalInit(){

// NOTE: Update the setAppId value below with your OneSignal AppId.
OneSignal.setAppId("YOUR_ONESIGNAL_APP_ID");
OneSignal.setNotificationOpenedHandler(function(jsonData) {
console.log('notificationOpenedCallback: ' + JSON.stringify(jsonData));
});
// Prompts the user for notification permissions.
// * Since this shows a generic native prompt, we recommend instead using an In-App 
Message to prompt for notification permission (See step 7) to better communicate to 
your users what notifications they will get.
OneSignal.promptForPushNotificationsWithUserResponse(function(accepted) {
console.log("User accepted notifications: " + accepted);
});
}



Get Player Id from Onesignal plugin
submit(){
this.getPlayerId().then((playerid) => {
console.log("player id", playerid);
})
}

getPlayerId() {
return new Promise((resolve, reject) => {
OneSignal.getDeviceState((response) => {
resolve(response.userId);
})
})
}


Update Project Settings to Target Android 13 (Android Only)

Validate your target SDK version is at least version 33.

Requirements:

  • Ionic Capacitor v2 or higher
 android {
    compileSdkVersion 33
    ...

    defaultConfig {
        ...
        targetSdkVersion 33
    }
 }

If you like this post. Please share with your friends and help others to solve this problem. You can 
comment on my post if  you  have some problem about content of the post or you face some new issue
 in Ionic Application  or Android Native Application.
If you need professional help for your project do let us know. 
You can directly contact us on developers.omitech@gmail.com

Comments

Post a Comment

Popular posts from this blog

How to align Title at center of ActionBar in Android

How to Align Title At Center of Action Bar in Android                                                                                                                                                @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); setTitle("DashBoard"); }   Activity  public void setTitle ( String title ){ getSupportActionBar (). setHomeButtonEnabled ( true ); getSupportActionBar (). setDisplayHomeAsUpEnabled ( true ); TextView textView = new TextView ( this ); textView . set...
1 comment
Read more

SQLite Database With Android

Android provides several ways to store user and app data. SQLite is one way of storing user data. SQLite is a very light weight database which comes with Android OS. In this tutorial I’ll be discussing how to write classes to handle all SQLite operations. SQLite is a opensource  SQL database that stores data to a text file on a device. Android comes in with built in SQLite database implementation. SQLite supports all the relation database features. In order to access this database you don't need to establish any kind of connections for it like JDBCODBC etc. In this tutorial I am taking an example of storing user Detail in SQLite database. I am using a table called UserMaster to store user detail. This table contains three columns  id (INT) , userid (VARCHAR) , username (VARCHAR) , password (VARCHAR) , address (VARCHAR) . Database- Package The main package is android.database.sqlite that contains the classes to mange your own database. In this Class we are creat...
4 comments
Read more

Difference Between Pending Intent And Intent in Android

                       Normal Intent       Normal Intent will die as soon as the app being killed.    An Android Intent is an object carrying an intent, i.e a message from one Component to another     Component either inside or outside of the application.Intent can communicate message among     any of the three core Components of an application -- Activities, Services,and BroadcastReceivers.     Two types of Intent in Android   1. Explicit Intent.   2.Implicit Intent  Explicit Intent is an Intent which is used to Call the another component Explicitly in your application  Like :We are calling  Next activity on button click of First activity using Intent Example  // Explicit Intent by specifying its class name Intent i = new Intent ( this , TargetActivity . class ); i . putExtra ( "Key1" , "ABC" ); ...
3 comments
Read more