资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/PhoneGap极光推送 cordova消息推送

PhoneGap极光推送 cordova消息推送

Taste / 1925人阅读

摘要：之前做过一个用到了消息推送，最近这个项目又用到了推送。限制命名长度限制为字节判断长度需采用编码。参考文献插件文档极光推送文档

前言

说一下写这篇文章的初衷。之前做过一个APP用到了消息推送，最近这个项目又用到了推送。但是由于两个项目间隔4个多月，推送集成、使用方式等都忘了，所以当时又去看了以前项目的源码和一些推送相关的博客，寻找那些蛛丝马迹。突然觉得这样很浪费时间，为何自己不写篇文章总结一下呢，以后肯定还会用到推送的，下次用的时候再看看这篇文章，思路应该会比较直观。后来再想想，嗯，对的，写吧！

PS：这篇文章讲是基于cordova环境下的消息推送，如果没有cordova环境的，请先装好该环境。 正文 1.cordova创建APP项目

cordova create myAPP com.muzi.test 创建一个文件名为myAPP,APP包名为com.muzi.test的项目
cordova platforms add android 将创建的项目加入到Android平台中


具体的一些cordova操作可以看我之前写的一篇博客 从这里飞过去

2.申请消息推送APP_KEY(我消息推送一直用的极光推送) 2.1 申请APP_KEY需要先在极光推送官网注册,具体流程不多说。 2.2 进入到APP应用创建中心

https://www.jiguang.cn/accoun...

这里填入的包名（填入保存之后不能再修改）就是开始cordova创建项目是的包名，两处包名必须相同，不然不能推送，保存之后可以下载集成好极光推送的demo，也可以下载打包好的测试app进行推送测试。（因为公司产品特殊，只面相Android用户，所以对其他平台的推送使用不是那么熟悉，这里就只介绍Android端的使用）

3. 安装极光推送插件 jpush-phonegap-plugin

进入到刚开始cordova创建的项目文件根目录，安装插件，一共有3中方式：

通过 Cordova Plugins 安装，要求 Cordova CLI 5.0+：
cordova plugin add jpush-phonegap-plugin --variable APP_KEY=your_jpush_appkey

或直接通过 url 安装：
cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git --variable APP_KEY=your_jpush_appkey

或下载到本地安装：

cordova plugin add Your_Plugin_Path --variable APP_KEY=your_jpush_appkey

安装插件的时候，注意Jpush和jcore的版本，有些版本不能初始化推送

your_jpush_appkey:在极光推送创建应用时生成的APP_KEY

4.编码 4.1 初始化JPush

App启动时，在deviceready事件回调中调用window.JPush.init()方法初始化,可以调用window.JPush.stopPush()结束推送

document.addEventListener("deviceready",function(){    
    //插件初始化    
    window.JPush.init();
    }, 
    false
);
4.2 极光推送的推送方式

广播(所有人)

设备标签(Tag)--可以是单人或者多人

设备别名(Alias)--可以是单人或者多人

registration ID(具体某一个)

用户分群推送

4.3 获取极光推送后台返回的设备registration ID

这个registration ID是唯一的，项目中接收到这个ID后可以存储起来，然后发送给服务端，服务端可以根据这个registration ID向指定客户端(手机)发送推送消息

window.JPush.getRegistrationID(function(rId) {       
        console.log(rId);
      });
4.4 设置设备标签（Tag） 
window.JPush.setTags({ sequence: 1, tags: ["tag1", "tag2"] },
  (result) => {
    var sequence = result.sequence
    var tags = result.tags  // 数组类型
  }, (error) => {
    var sequence = error.sequence
    var errorCode = error.code
  })

参数说明
sequence: number。用户自定义的操作序列号, 同操作结果一起返回，用来标识一次操作的唯一性。
tags: Array，标签数组。

调用这个方法后，会向极光的服务端发送设置的Tag，设置后，会触发相应的回调函数

4.5 设置设备别名(Alias) 
window.JPush.setAlias({ sequence: 1, alias: "your_alias" },
  (result) => {
    var sequence = result.sequence
    var alias = result.alias
  }, (error) => {
    var sequence = error.sequence
    var errorCode = error.code
  })

参数说明
sequence: number。用户自定义的操作序列号, 同操作结果一起返回，用来标识一次操作的唯一性。
tags: string

每次调用设置有效的别名将覆盖之前的设置。

有效的别名组成：字母（区分大小写）、数字、下划线、汉字、特殊字符@!#$&*+=.|。

限制：alias 命名长度限制为 40 字节（判断长度需采用 UTF-8 编码）。

4.6 获取推送消息内容

当客户端接收到推送消息时，会触发这个方法，会返回一个json结构的数据包，在里面可以取到需要的数据

// 接收到推送消息回调
      window.plugins.jPushPlugin.receiveNotificationInAndroidCallback = function(
        data
      ) {
        try {          
          console.log(
            "JPushPlugin:receiveNotificationInAndroidCallback:",
            data
          );
        } catch (exception) {
          console.log("JPushPlugin:pushCallback ", exception);
        }
      };
4.7 点击通知栏的推送消息

点击通知栏的消息时，会触发这个方法，并返回包含具体推送内容的json数据，可以根据里面的内容，来做相应的事件处理，比如说需要点击通知栏消息，跳转到相应页面做处理

 //点击通知栏的回调，在这里编写特定逻辑
       window.plugins.jPushPlugin.openNotificationInAndroidCallback = function(
         data
       ) {
         try {
           //  location.href = "index.html";           
           console.log(data);
         } catch (error) {}
       };
4.8 更多推送相关的api，可以查看phonegap插件官网 4.9 推送测试

在初始化极光推送window.JPush.init()后，当第一次运行APP时会生成了registration ID,或者成功设置了标签(Tag),别名(Alias)，可以在极光推送的官网上，进行消息推送测试，如下图:

当推送初消息后，一会儿就会在手机上接收到推送信息(有时可能会有几秒到10多秒的延迟，一般情况下是秒到)

废话

以上就是我使用jpush-phonegap-plugin插件推送的一些经验，希望能够帮助到需要的道友。如果有错误或不足的地方，欢迎各位道友指出，如果各位觉得满意，欢迎点赞和收藏。

参考文献

phonegap插件文档

极光推送文档

云服务器 GPU云服务器 服务器极光推送消息 极光推送 极光推送api 极光别名推送java

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/93881.html

相关文章

  • 力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置

    摘要：极光推送是现在流行的推送方式因为官网的范例藏得比较隐蔽自己摸索了半天下面介绍下极光推送插件的安装和代码应用以下是安卓安装配置的后面项目完成了再补充一获取极光推送上极光开发者服务官网注册账注意应用名称要和配置文件中的文件的程序名称一致生成记录 极光推送是现在流行的推送方式,因为官网的范例藏得比较隐蔽,自己摸索了半天,下面介绍下cordova极光推送插件的安装和代码应用.以下是cordov...

    raise_yang 评论0 收藏0

  • 力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置

    摘要：极光推送是现在流行的推送方式因为官网的范例藏得比较隐蔽自己摸索了半天下面介绍下极光推送插件的安装和代码应用以下是安卓安装配置的后面项目完成了再补充一获取极光推送上极光开发者服务官网注册账注意应用名称要和配置文件中的文件的程序名称一致生成记录 极光推送是现在流行的推送方式,因为官网的范例藏得比较隐蔽,自己摸索了半天,下面介绍下cordova极光推送插件的安装和代码应用.以下是cordov...

    李增田 评论0 收藏0

  • 力软移动框架 ionic cordova插件jpush-phonegap-plugin 极光推送配置

    摘要：极光推送是现在流行的推送方式因为官网的范例藏得比较隐蔽自己摸索了半天下面介绍下极光推送插件的安装和代码应用以下是安卓安装配置的后面项目完成了再补充一获取极光推送上极光开发者服务官网注册账注意应用名称要和配置文件中的文件的程序名称一致生成记录 极光推送是现在流行的推送方式,因为官网的范例藏得比较隐蔽,自己摸索了半天,下面介绍下cordova极光推送插件的安装和代码应用.以下是cordov...

    lk20150415 评论0 收藏0

  • cordova整合vue之后，引入极光推送插件，成功推送

    摘要：先上项目目录关与和项目整合的部分，参考我前面写过的文章项目引入极光推送之所以会使用极光插件是因为极光本身就支持，所以优先选择的极光插件地址链接描述极光官网创建创建过程比较简单就不一一截图出来了需要注意的是中间那栏推送设置一定要设置，不然会获 先上项目目录showImg(https://segmentfault.com/img/bV8c0f?w=482&h=677); 关与vue和co...

    cncoder 评论0 收藏0

  • 给APP接入极光推送 — 后端(PHP)

    摘要：开发者可以通过指定具体的来进行对单一设备的推送。同一个应用程序内，对不同的用户，建议取不同的别名。其关键字分别为。确认推送设备对象，提供了多种方式，比如别名标签注册分群广播等。 作者：黄志成(小黄)作者博客：博客地址 新版本推送的需求变的更加复杂.需要接入一个专业的推送了.之前一直基于APP的IM来实现的. 目前市面上主流的推送平台有 极光、友盟、信鸽等等.. 通过调研最后选择了 极...

    kamushin233 评论0 收藏0

发表评论

登陆后可评论

0条评论

Taste

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<