IBM Cloud Push Notifications Cordova SDK

The IBM Cloud Push Notifications service provides a unified push service to send real-time notifications to mobile and web applications. The Push Notifications Cordova Plugin Push SDK enables Cordova apps to receive notifications sent from the service.

Ensure that you go through IBM Cloud Push Notifications service documentation before you start.

Contents

• Prerequisites
• Installation
• Initialize SDK
  • Initialize the Push plugin
• Register for notifications
  • Receiving notifications
• Push Notification service tags
  • Retrieve available tags
  • Subscribe to tags
  • Retrieve subscribed tags
  • Unsubscribing from tags
• Notification Options
  • Interactive notifications
    • Handling interactive notifications click
  • Adding custom DeviceId for registration
• Methods usage
• Samples and Videos

Prerequisites

• Android Studio
• Xcode
• Cordova CLI)
• Node.js/npm)

Installation

You need to create a Cordova project and add platforms before adding the IBM Cloud Push Notifications Cordova Plugin Push SDK. Complete the following steps:

1. Create a Cordova application:

   1. Run the following commands to create a new Cordova application. Alternatively, you can use an existing application as well.

      cordova create {your_app_name}
      cd {your_app_name}

   2. Edit config.xml file and set the desired application name in the <name> element instead of a default HelloCordova.
   3. In the config.xml file, update the <platform name="ios"> element with a deployment target declaration. See the code snippet.

      <platform name="ios">
      	<preference name="deployment-target" value="8.0" />
      	<!-- add deployment target declaration -->
      </platform>

   4. In the config.xml file update the <platform name="android"> element with a minimum and target SDK versions as shown in the code snippet below.

   	<platform name="android">
   		<preference name="android-minSdkVersion" value="15" />
   		<preference name="android-targetSdkVersion" value="26" />
   		<!-- add minimum and target Android API level declaration -->
   	</platform>
   	```
   
   >**Note**: The minSdkVersion should be above 15 and the targetSdkVersion should always reflect the latest Android SDK available from Google.
   

2. Add the Cordova platforms. Run either of the following commands, based on your platform:

   • For iOS: cordova platform add ios
   • For Android: cordova platform add android

   Ensure that you use the iOS version specified through this command for the Cordova platform. It is required to build the Cordova app.

3. Add the Cordova IBM Cloud Push plugin. From your Cordova application root directory, enter the following command to install the Cordova Push plugin.

   cordova plugin add bms-push

4. From your app root folder, verify that the Cordova Core plugin and Push plugin were installed successfully, using the command:

   cordova plugin list

Note: Existing vendor-acquired Push Notification plugins (e.g., phonegap) may interfere with bms-push. Remove these plugins to ensure proper functionality.

Initialize SDK

Choose either of the following steps, based on your platform:

• For iOS:

  1. In the Capabilities, enable push notifications and Background modes. Under Background modes enable the Remote notification and background fetch.
  2. Add signing certificates

• For Android App

  1. Download your Firebase google-services.json for android, and place them in the root folder of your cordova project -[your-app-name]/platforms/android.

For Android Studion 3.+ users, update the build.gradle file with the folowing -

Change the,

debugCompile project(path: 'CordovaLib', configuration: 'debug') 
releaseCompile project(path: 'CordovaLib', configuration: 'release')

to

compile project(':CordovaLib')

Initialize the Push plugin

Initialize the BMSPush. Run the following snippet:

• Initialize without options

    // Initialize for normal push notifications
    var options =  {};
    BMSPush.initialize(appGUID, clientSecret, cloudRegion, options);

For the cloudRegion, pass any of the following:

• BMSPush.REGION_US_SOUTH // Dallas
• BMSPush.REGION_UK // London
• BMSPush.REGION_SYDNEY // Sydney
• BMSPush.REGION_GERMANY // Frankfurt
• BMSPush.REGION_JP_TOK // Tokyo
• BMSPush.REGION_US_EAST // Washington DC

• Initialize with options

    // Initialize for iOS actionable push notifications, custom deviceId and varibales for Parameterize Push Notifications 
    var options = {"categories":{
                "Category_Name1":[
                    { "IdentifierName":"IdentifierName_1",
                      "actionName":"actionName_1",
                      "IconName":"IconName_1"
                    },
                    { "IdentifierName":"IdentifierName_2",
                      "actionName":"actionName_2",
                      "IconName":"IconName_2"
                    }
                ]},
                "deviceId":"mydeviceId",
                "variables":{"username":"UserName","accountNumber":"536475869765475869"}
            };
  
    BMSPush.initialize(appGUID, clientSecret, cloudRegion, options);

Where appGUID is the Push service instance Id value, clientSecretis the Push service instance client secret value andoptions`can be notification options such as interactive notifiaction and custom deviceId.

Register for notifications

Use the BMSPush.registerDevice() API to register the device with Push Notifications service.

The following options are supported:

• Register without UserId

  To register without userId, use the following pattern:

      var success = function(response) { console.log("Success: " + response); };
      var failure = function(response) { console.log("Error: " + response); };
      var options = {};
      BMSPush.registerDevice(options, success, failure);

• Register with UserId

  The userId can be specified while registering the device with Push Notifications service. The register method will accept one more parameter - userId

     var success = function(response) { console.log("Success: " + response); };
     var failure = function(response) { console.log("Error: " + response); };
     var options = {"userId": "Your User Id value"};
     BMSPush.registerDevice(options, success, failure);

  Where UserId is the user identifier value you want to register the device in the push service instance.

  Note: If userId is provided, the client secret value must be provided.

• Unregister from notifications

  Use the following code snippet to unregister the device from push notification service instance:

    	var success = function(response) { console.log("Success: " + response); };
    	var failure = function(response) { console.log("Error: " + response); };
    	BMSPush.unregisterDevice(options, success, failure);

• Unregister the device from UserId

  To unregister from the UserId based registration you have to call the registration method - without userId.

Receiving notifications

To receive push notification call back, add the following code snippet:

  var handleNotificationCallback = function(notification) {
  	// notification is a JSON object
  	alert(notification.message);
  }
  BMSPush.registerNotificationsCallback(handleNotificationCallback);

Push Notification service tags

Retrieve available tags

The retrieveAvailableTags() API returns the list of tags to which the device can subscribe. After the device is subscribes to a particular tag, the device can receive notifications that are sent for that tag.

Add the following code snippets to your Swift mobile application to get a list of tags to which the device can subscribe:

  var failure = function(response) { console.log("Error: " + response); };
  BMSPush.retrieveAvailableTags(function(tags) {
  	alert(tags);
  }, failure);

Subscribe to tags

The subscribe() API will subscribe the iOS device for the list of given tags. After the device is subscribed to a particular tag, the device can receive push notifications that are sent for that tag.

Add the following code snippets to your Swift mobile application to subscribe to a list of tags:

  var success = function(response) { console.log("Success: " + response); };
  var failure = function(response) { console.log("Error: " + response); };
  var tag = "YourTag";
  BMSPush.subscribe(tag, success, failure);

Retrieve subscribed tags

The retrieveSubscriptions() API will return the list of tags to which the device is subscribed.

Add the following code snippets to your Swift mobile application to get the subscription list:

  var failure = function(response) { console.log("Error: " + response); };
  BMSPush.retrieveSubscriptions(function(tags) {
  	alert(tags);
  }, failure);

Unsubscribing from tags

The unsubscribe() API will remove the device subscription from the list tags.

Use the following code snippets to unsubsribe from tags:

  var success = function(response) { console.log("Success: " + response); };
  var failure = function(response) { console.log("Error: " + response); };
  var tag = "YourTag";
  BMSPush.unsubscribe(tag, success, failure);

Notification options

The following notification options are supported.

Interactive notifications

To enable interactive push notifications, the notification action parameters must be passed in as part of the notification object. For example:

  var options ={"categories":{
                "Category_Name1":[
                  {
                    "IdentifierName":"IdentifierName_1",
                    "actionName":"actionName_1",
                    "IconName":"IconName_1"
                 },
                {
                   "IdentifierName":"IdentifierName_2",
                   "actionName":"actionName_2",
                   "IconName":"IconName_2"
                }
              ]};
  BMSPush.initialize(appGUID, clientSecret, options);

Handling interactive notifications click

To identify which action clicked use the following,

var showNotification = function(notif) {
    var identifierName = notif["identifierName"];
    alert(identifierName);
};

Adding custom DeviceId for registration

To send DeviceId, use the options parameter in initialize method of BMSPush class. For example:

  var options = {
    "devieID":"mydeviceId"
  };
  BMSPush.initialize(appGUID, clientSecret, options);

Usage

The following BMSPush Javascript functions are available:

Android (Native) The following native Android function is available.

Samples and Videos

• For samples, visit - Github Sample

• For video tutorials, visit - IBM Cloud Push Notifications

=======================

Copyright 2020-21 IBM Corp.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.