在 Ionic 中使用 ngCordova 和 PushPlugin 的 azure 通知中心客户端代码

Question

哪个插件适合用于 Azure 通知中心、ionic 应用程序？ Phonegap/Cordova 中有许多用于推送通知的插件，其中一些已被弃用。请为离子客户端实现 Azure 通知中心的代码片段和 node.js 服务器端实现提供一些参考链接。

Answer 1

在我的测试 Ionic 项目中，我使用了位于 https://github.com/Azure/azure-mobile-services-cordova.git and PushPlugin at https://github.com/phonegap-build/PushPlugin.git 的移动服务插件存储库。

这是集成 GCM 的代码片段：

初始移动服务客户端和 GCM 配置：

    /****
    Mobile service configs
    ****/
    var mobileServiceClient;
    var mobileServiceUrl = 'https://<your_mobile_service_name>.azure-mobile.net/';
    var mobileSerivceKey = '<your service key>';

    /****
    Notification hubs configs
    *****/
    var GCM_SENDER_ID = 'gcm_sender_id_number'; // Replace with your own ID.
    var androidConfig = {
        "senderID": GCM_SENDER_ID,
      };

在 angular 模块的应用程序配置中配置 GCM 和 Azure 通知中心：

angular.module('myapp', ['ionic','ngCordova'])
.run(function($ionicPlatform,$rootScope,$cordovaPush) {
  $ionicPlatform.ready(function() {

    if (window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      cordova.plugins.Keyboard.disableScroll(true);

    }
    if (window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleDefault();
    }

    //init mobileServiceClient
    mobileServiceClient = new WindowsAzure.MobileServiceClient(mobileServiceUrl,mobileSerivceKey);
    //register notification push
    console.log("======mobileServiceClient inited going on ======");
    $cordovaPush.register(androidConfig).then(function(result) {
      // Success
      console.log("=============register finished========");
    }, function(err) {
      // Error
    })
    $rootScope.$on('$cordovaPush:notificationReceived', function(event, notification) {
      switch(notification.event) {
        case 'registered':
          if (notification.regid.length > 0 ) {
            $rootScope.GCM_status = true;
            alert('registration ID = ' + notification.regid);
              //register to Azure Mobile Service
            if (mobileServiceClient) {
              // Template registration.
              var template = '{ "data" : {"message":"$(message)"}}';
              // Register for notifications.
              mobileServiceClient.push.gcm.registerTemplate(notification.regid,
                "myTemplate", template, null)
              .done(function () {
                  $rootScope.Azure_Push_status = true;
                  alert('Registered template with Azure!');
              });
              // .fail(function (error) {
              //     alert('Failed registering with Azure: ' + error);
              // });
            }
          }
          break;

        case 'message':
          // this is the actual push notification. its format depends on the data model from the push server
          alert('message = ' + notification.message + ' msgCount = ' + notification.msgcnt);
          break;

        case 'error':
          alert('GCM error = ' + notification.msg);
          break;

        default:
          alert('An unknown GCM event has occurred');
          break;
      }
    });
    // WARNING: dangerous to unregister (results in loss of tokenID)
    $cordovaPush.unregister().then(function(result) {
      // Success!
    }, function(err) {
      // Error
    })

  });
})

有关在 Cordova 应用程序中集成 Azure 通知中心的更多信息，请参阅 Microsoft Azure : Push Notifications to Cordova Apps with Microsoft Azure。

在 Ionic 中使用 ngCordova 和 PushPlugin 的 azure 通知中心客户端代码

azure notification hub client side code using ngCordova and PushPlugin in Ionic

azure

push-notification

node.js

cordova-plugins

ionic