PhoneGap使用PushPlugin插件实现消息推送

Stella981
• 阅读 642

概括

      Android设备通过GCM服务来接收推送消息,而iOS设备这从苹果的APN服务获取。虽然按照负载来说这是两种不同的服务,但是证书都在从第三方接收消息的时候是需要作为一个存储和转发类型的服务。辨别接收者并传递下去。在接受端,你的应用已经注册来接收他们,并检查返回内容和相应的操作。消息的接收方式是应用代码里的注册和用户设备关于消息设定的融合。

开始

       有一个叫PushPlugin的官方插件可以用来进行消息的推送,而且是PhoneGap支持的。此教程里就是使用这个插件,完整的项目源码在下面链接处:

https://github.com/hollyschinsky/PushNotificationSampleApp

       注意此代码跟处理iOS的消息推送是一样的。只需要通过PhoneGap Build创建自己的推送消息证书并测试就行了。

此教程不会深入探讨创建GCM或者ADP应用的建立,可以在下面文字处了解详细内容。

· Andr消息推送

· iOS消息推送

       此教程中我只会集中讲解Android和GCM服务,然后下面的是关于iOS的消息推送。

· iOS Push Notifications

· Push Notifications Plugin Support added to PhoneGap Build

Android学前知识

      · Google云消息项目ID

      · 项目ID对应的Google云消息API键

iOS学前知识

      · ADP上用来配置消息推送的应用ID

      · SSL证书以及私有密钥

第一部分:配置应用来使用PushPlugin

       此部分我们会在应用中添加对PushPlugin的支持。我们会使用PhoneGap Build,这样我们只需要在项目根里的www/config.xml文件里做插件的引用,并指出PushNotifications.js文件的脚本标签即,PhoneGap Build会在构建的时候注入。

       将下面脚本加入index.html中来引用PushNotification Plugin。

<script type="text/javascript" src="PushNotification.js"></script>

将下面的代码加到www/config.xml文件里,这样PhoneGap Build就会知道注入PushPlugin代码。

<gap:plugin name="com.adobe.plugins.pushplugin" />

       不要跟指明每个平台的配置文件向混淆。只需要在PhoneGap Build工作是使用www文件夹即可。

第二部分:利用Google的云服务信息服务来注册应用

        此部分,我们将利用Google的云信息服务来接受推送的消息,以便注册我们的应用。

        首先创建一个账户和带GCM服务的项目。项目建立好之后,会有一个项目ID。可以在GCM的控制台里查看此ID,当然也会追加例如https://code.google.com/apis/console/#project:824841663931这样的URL。注意下此处,后面注册调用的时候需要使用。

        1. 在编辑器里打开基本应用,到www/js/index.js文件下。在receivedEvent函数里,添加下面的代码来获取推送消息插件对象的引用和对register函数的调用。需要将成功和出错的回调函数传入进去,还需要包括之前建立项目时赋值的GCM的发送者ID等参数以及一个从GCM获得信息的回到函数来作为ecb的参数。

var pushNotification = window.plugins.pushNotification;
pushNotification.register(this.successHandler, this.errorHandler,{"senderID":"824841663931","ecb":"app.onNotificationGCM"});

        下面代码的每个回调函数都引用了上述的注册调用。

       1. 以添加的成功处理句柄开始,此句柄将在注册成功的时候调用。结果包含注册对象,我们会在提示框里显示。

[backcolor=white !important]successHandler: function(result) {
[backcolor=white !important]    alert('Callback Success! Result = '+result)
[backcolor=white !important]},
  1. 之后添加错误处理函数,当注册请求出错的时候会调用此函数。此处理函数中我们将简单显示收到的错误。

    errorHandler:function(error) {     alert(error); },

  2. 最后添加回调函数,此函数在关闭文档之前,收到index.js文件结尾的GCM的消息时候调用。在我这里,我命名为onNotificationGCM作为回调并在iOS里者相同应用添加推送消息的支持,同样也需要一个不同的回调函数。此函数检测收到的事件并简单的将内容用提示框显示出来。

    onNotificationGCM: function(e) {         switch( e.event )         {             case 'registered':                 if ( e.regid.length > 0 )                 {                     console.log("Regid " + e.regid);                     alert('registration id = '+e.regid);                 }             break;               case 'message':               // this is the actual push notification. its format depends on the data model from the push server               alert('message = '+e.message+' msgcnt = '+e.msgcnt);             break;               case 'error':               alert('GCM error = '+e.msg);             break;               default:               alert('An unknown GCM event has occurred');               break;         }     }

       你可以手动在PhoneGap Build外添加插件到自己的应用里,在PushPlugin的readme里查看更多内容。

运行应用

       现在当你运行应用的时候你会看到一个调用去注册你的android设备,收到一个如下的提示框。

PhoneGap使用PushPlugin插件实现消息推送

        现在我们的应用已经准备好接受从GCM那里推送的消息了。我们使用简单的JS代码来测试我们发送的信息。有一个叫node-gcm的库,我们可以用来发送消息给GCM。我们只是需要令牌或者我们注册时返回的注册ID,另外需要有一个GCM与我们项目相关的API密钥。

  1. 安装node-gcm模块。此库用来处理了与GCM的通信并提供方便的类来发送消息。你必须安装node.js,这样此库才能工作。

       2. 到GCM的控制台,找到服务器API密钥。如果没有创建,这需要现在创建。

       3. 获得从控制台返回的应用注册ID。我喜欢使用Android的adb工具,这样我就可以允许日子监控来在应用运行的时候查看控制台。假设你有了android-sdk工具和环境变量里设置的平台工具,你就可以轻易的输入adb logcat来显示设备的日子。

       4. 打开编辑器,创建一个叫notify.js的文件,在下面粘贴,代替发送者密钥以及你自己的注册ID。

var gcm = require('node-gcm');
var message = new gcm.Message();
 
//API Server Key
var sender = new gcm.Sender('AIzaSyCDx8v9R0fMsAsjoAffF-P3FCFWXlvwLhg');
var registrationIds = [];
 
// Value the payload data to send...
message.addData('message',"\u270C Peace, Love \u2764 and PhoneGap \u2706!");
message.addData('title','Push Notification Sample' );
message.addData('msgcnt','3'); // Shows up in the notification in the status bar
message.addData('soundname','beep.wav'); //Sound to play upon notification receipt - put in the www folder in app
message.timeToLive = 3;// Duration in seconds to hold and retry to deliver the message in GCM before timing out. Default 4 weeks if not specified
 
// At least one reg id required
registrationIds.push('APA91bwu-47V0L7xB55zoVd47zOJahUgBFFuxDiUBjLAUdpuWwEcLd3FvbcNTPKTSnDZwjN384qTyfWW2KAJJW7ArZ-QVPExnxWK91Pc-uTzFdFaJ3URK470WmTl5R1zL0Vloru1B-AfHO6QFFg47O4Cnv6yBOWEFcvZlHDBY8YaDc4UeKUe7ao');
 
/**
 * Parameters: message-literal, registrationIds-array, No. of retries, callback-function
 */
sender.send(message, registrationIds, 4, function (result) {
    console.log(result);
});

       5. 在脚本建立的地方输入下面命令来运行代码和发送消息推送。
        node notify.js

       你应该听到消息,并在Android设备的状态条上可以看到。

PhoneGap使用PushPlugin插件实现消息推送

       点击之后,应用会打开,你就会看到冒出来的信息了。

PhoneGap使用PushPlugin插件实现消息推送

其他需要注意的事情

      · 可以PushPluginAPI来设置标识数量

pushNotification.setApplicationIconBadgeNumber(this.successHandler, 0);

      · 可以指定一个自定义声音来播放,包括www文件夹里的声音文件,可以从服务端进行指定。

      还有其他的第三方的消息推送插件服务可以使用,例如Urban Airship,PushWoosh等类似的API调用,都可以用,但是当前还是不支持PhoneGap Build。

Android 和iOS之间的区别

       1. Android的负载为4K而iOS的则为256字节。

       2. iOS需要额外从ADP来获得消息推送的验证应用ID,也需要一个唯一的SSL证书,这样服务端才能确认。

       3. 如果设备ID更改或者是无效的,GCM将返回一个信息进行提示,但是Apple这需要定期ping服务器来找出设备令牌是否有效。

       4. 在消息0秒到4周之间,需要确定一个Android的生命周期。苹果则不需要设置。

       5. 对Android设备来说需要指定一个碰撞密钥,它用来保存信息,并且只有最后一个会发送。在iOS上这需要将多个消息发给同一个设备,如果设备不在线,者只有最后一个消息会发送。

总结

       现在你知道如果接收推送的消息,下一步就是保存从设备得到的注册ID或者设备令牌,它们都运行你的应用,这样你就可以在需要为应用发送消息的时候从服务端访问它们。当然在接收到特定消息的时候你也需要添加任意的处理代码来进行处理。

http://devgirl.org/2013/07/17/tutorial-implement-push-notifications-in-your-phonegap-application/

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Wesley13 Wesley13
3年前
3分钟了解华为推送服务优势,第一项就让你心动!
消息推送(Pushnotification)指产品运营人员通过自身或三方的“推送服务”向用户主动地推送消息。简单来说,我们在移动设备(例如:手机)的通知中心或锁屏界面看到的消息都属于消息推送。作为消息推送的服务提供商之一,华为推送具有怎样的特点和优势?!在这里插入图片描述(https://imgblog.csdnimg.cn/202012221
Wesley13 Wesley13
3年前
activeMQ+MQTT实现点对点发送消息
问题的提出:最近在做若干安卓设备(共享项目使用的硬件)和服务器通信实现MQTT消息的的接收。由于MQTT的限制(注意:不管你用的是paho的库还是其他任何MQTT的库都一样,这是MQTT协议的限制。)而无法实现服务器只给某一台机器(根据机器的IMEI号)发送消息。一开始使用的方法,就是服务器只管群发(消息体里会带一个终端ID字段信息),安卓端收到消息后,
Stella981 Stella981
3年前
Docker实战——分布式Websocket服务
一、项目介绍我们很容易可以使用Springboot来搭建一个支持websocket的应用,用来实现基于HTML5的客户端之间进行消息的接收和推送。但是在实际应用的部署时,客户端和应用服务器之间总会用到Nginx或者Apache来做反向代理,来实现负载均衡。用Nginx举个例子来说,我们使用轮询的方式,将客户端的请求分发到后端3台w
Wesley13 Wesley13
3年前
JMS 实例讲解
1\.JMS基本概念    JMS(JavaMessageService)即Java消息服务。它提供标准的产生、发送、接收消息的接口简化企业应用的开发。它支持两种消息通信模型:点到点(pointtopoint)(P2P)模型和发布/订阅(Pub/Sub)模型。P2P模型规定了一个消息只能有一个接收者;Pub/Sub模型允许一个消息可以
Stella981 Stella981
3年前
RabbitMQ学习:RabbitMQ的基本概念及RabbitMQ使用场景(二)
1、RabbitMQ的基本概念RabbitMQ是一种消息中间件,用于处理来自客户端的异步消息。服务端将要发送的消息放入到队列池中。接收端可以根据RabbitMQ配置的转发机制接收服务端发来的消息。RabbitMQ依据指定的转发规则进行消息的转发、缓冲和持久化操作,主要用在多服务器间或单服务器的子系统间进行通信,是分布式系统
融云IM干货丨如果用户不在线,推送通知会怎样处理?
如果用户不在线,融云的推送通知会按照以下方式处理:离线消息推送:当用户不在线时,融云会将收到的单聊消息、群聊消息、系统消息、超级群消息通过第三方推送厂商或融云自建的推送服务通知客户端。这意味着即使用户的应用没有运行,他们也能通过系统通知栏接收到消息提醒。服
融云IM干货丨移动端接收Push通知需要哪些技术条件?
移动端接收Push通知需要满足以下技术条件:操作系统和设备支持:设备需要运行支持推送通知的操作系统,如iOS或Android。推送服务:需要一个推送服务,如苹果的APNs(ApplePushNotificationservice)或Google的FCM(F