h5 消息推送 jpush-phonegap-plugin 插件的使用

1.安装jpush-phonegap-plugin插件

安装命令 记得把your_jpush_appkey更换成自己的appkey，获取appkey的方法这里就不说了（官网地址： https://www.jiguang.cn/ ）

• 通过 Cordova Plugins 安装，要求 Cordova CLI 5.0+：

  cordova plugin add jpush-phonegap-plugin --variable API_KEY=your_jpush_appkey
  

• 或直接通过 url 安装：

  cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git --variable API_KEY=your_jpush_appkey  
  

• 或下载到本地安装：

  cordova plugin add Your_Plugin_Path  --variable API_KEY=your_jpush_appkey

• github地址：https://github.com/jpush/jpush-phonegap-plugin

2.android端安装成功之后（如果安装失败，请更换不通的方法重新安装，尽量清理干净以前安装出错的）

app.js中添加一下两句代码，打包之后就可以进行推送消息了！

3.安卓端自定义通知的样式（重点来啦）

修改JPushPlugin.java 下的setCustomPushNotificationBuilder方法，如图

CustomPushNotificationBuilder(MainActivity.this,
                              R.layout.customer_notitfication_layout,
                              R.id.icon,
                              R.id.title,
                              R.id.text); 
                             // 指定定制的 Notification Layout
    builder.statusBarDrawable = R.drawable.your_notification_icon;     
    // 指定最顶层状态栏小图标
    builder.layoutIconDrawable = R.drawable.your_2_notification_icon;  
    // 指定下拉状态栏时显示的通知图标
    JPushInterface.setPushNotificationBuilder(2, builder);

注意： your_notification_icon必须放在 android的res/drawable-hdpi下面，记得导入R文件哦 import  你的包名.R， customer_notitfication_layout样式布局，可以自定义哦;

然后需要在js中调用setCustomPushNotificationBuilder方法，如图

官网说明： https://docs.jiguang.cn/jpush/client/Android/android_senior/#_8

4.接收通知栏的消息

监听 jpush.openNotification，如图

代码（方便复制）:

document.addEventListener("jpush.openNotification", function(event){
    	var alertContent;
    	if(device.platform == "Android") {
    	    alertContent = event.alert;
    	} else {
    	    alertContent = event.aps.alert;
    	}
    	alert("open Notificaiton:" + alertContent);
    }, false);

github地址： https://github.com/jpush/jpush-phonegap-plugin