<!DOCTYPE HTML>
|
<html>
|
<head>
|
<meta charset="utf-8" />
|
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
<meta name="HandheldFriendly" content="true" />
|
<meta name="MobileOptimized" content="320" />
|
<title>Hello H5+</title>
|
<script type="text/javascript" src="../js/common.js"></script>
|
<script type="text/javascript">
|
var pushServer = "http://demo.dcloud.net.cn/push/?";
|
var message = null;
|
// 监听plusready事件
|
document.addEventListener("plusready", function() {
|
message = document.getElementById("message");
|
// 监听点击消息事件
|
plus.push.addEventListener("click", function(msg) {
|
// 判断是从本地创建还是离线推送的消息
|
switch (msg.payload) {
|
case "LocalMSG":
|
outSet("点击本地创建消息启动：");
|
break;
|
default:
|
outSet("点击离线推送消息启动：");
|
break;
|
}
|
// 提示点击的内容
|
plus.nativeUI.alert(msg.content);
|
// 处理其它数据
|
logoutPushMsg(msg);
|
}, false);
|
// 监听在线消息事件
|
plus.push.addEventListener("receive", function(msg) {
|
if (msg.aps) { // Apple APNS message
|
outSet("接收到在线APNS消息：");
|
} else {
|
outSet("接收到在线透传消息：");
|
}
|
logoutPushMsg(msg);
|
}, false);
|
}, false);
|
|
/**
|
* 日志输入推送消息内容
|
*/
|
function logoutPushMsg(msg) {
|
outLine("title: " + msg.title);
|
outLine("content: " + msg.content);
|
if (msg.payload) {
|
if (typeof(msg.payload) == "string") {
|
outLine("payload(String): " + msg.payload);
|
} else {
|
outLine("payload(JSON): " + JSON.stringify(msg.payload));
|
}
|
} else {
|
outLine("payload: undefined");
|
}
|
if (msg.aps) {
|
outLine("aps: " + JSON.stringify(msg.aps));
|
}
|
}
|
|
/**
|
* 获取本地推送标识信息
|
*/
|
function getPushInfo() {
|
outSet("获取客户端推送标识信息：");
|
plus.push.getClientInfoAsync(function(info) {
|
outLine('Success');
|
outLine(JSON.stringify(info));
|
}, function(e) {
|
outLine('Failed');
|
outLine(JSON.stringify(e));
|
});
|
}
|
/**
|
* 本地创建一条推动消息
|
*/
|
function createLocalPushMsg() {
|
var options = {
|
cover: false
|
};
|
var str = dateToStr(new Date());
|
str += ": 欢迎使用HTML5+创建本地消息！";
|
plus.push.createMessage(str, "LocalMSG", options);
|
outSet("创建本地消息成功！");
|
outLine("请到系统消息中心查看！");
|
if (plus.os.name == "iOS") {
|
outLine('*如果无法创建消息，请到"设置"->"通知"中配置应用在通知中心显示!');
|
}
|
}
|
/**
|
* 读取所有推送消息
|
*/
|
function listAllPush() {
|
var msgs = null;
|
switch (plus.os.name) {
|
case "Android":
|
msgs = plus.push.getAllMessage();
|
break;
|
default:
|
break;
|
}
|
if (!msgs) {
|
outSet("此平台不支持枚举推送消息列表！");
|
return;
|
}
|
outSet("枚举消息列表（" + msgs.length + "）：");
|
for (var i in msgs) {
|
var msg = msgs[i];
|
outLine(i + ": " + msg.title + " - " + msg.content);
|
}
|
}
|
/**
|
* 清空所有推动消息
|
*/
|
function clearAllPush() {
|
plus.push.clear();
|
outSet("清空所有推送消息成功！");
|
}
|
/**
|
* 请求‘简单通知’推送消息
|
*/
|
function requireNotiMsg() {
|
if (navigator.userAgent.indexOf('StreamApp') > 0) {
|
plus.nativeUI.toast('当前环境暂不支持发送推送消息');
|
return;
|
}
|
var inf = plus.push.getClientInfo();
|
var url = pushServer + 'type=noti&appid=' + encodeURIComponent(plus.runtime.appid);
|
inf.id && (url += '&id=' + inf.id);
|
url += ('&cid=' + encodeURIComponent(inf.clientid));
|
if (plus.os.name == 'iOS') {
|
url += ('&token=' + encodeURIComponent(inf.token));
|
}
|
url += ('&title=' + encodeURIComponent('Hello H5+'));
|
url += ('&content=' + encodeURIComponent('欢迎回来体验HTML5 plus应用！'));
|
url += ('&version=' + encodeURIComponent(plus.runtime.version));
|
plus.runtime.openURL(url);
|
}
|
/**
|
* 请求‘打开网页’推送消息
|
*/
|
function requireLinkMsg() {
|
if (navigator.userAgent.indexOf('StreamApp') > 0) {
|
plus.nativeUI.toast('当前环境暂不支持发送推送消息');
|
return;
|
}
|
var inf = plus.push.getClientInfo();
|
var url = pushServer + "type=link&appid=" + encodeURIComponent(plus.runtime.appid);
|
inf.id && (url += '&id=' + inf.id);
|
url += ('&cid=' + encodeURIComponent(inf.clientid));
|
if (plus.os.name == 'iOS') {
|
url += ('&token=' + encodeURIComponent(inf.token));
|
}
|
url += ('&title=' + encodeURIComponent('HBuilder飞一样的编码'));
|
url += ('&content=' + encodeURIComponent('看HBuilder如何追求代码编写速度的极致！立即去瞧一瞧？'));
|
url += ('&url=' + encodeURIComponent('http://www.dcloud.io/'));
|
url += ('&version=' + encodeURIComponent(plus.runtime.version));
|
plus.runtime.openURL(url);
|
}
|
/**
|
* 请求‘下载链接’推送消息
|
*/
|
function requireDownMsg() {
|
if (navigator.userAgent.indexOf('StreamApp') > 0) {
|
plus.nativeUI.toast('当前环境暂不支持发送推送消息');
|
return;
|
}
|
if (plus.os.name != "Android") {
|
plus.nativeUI.alert("此平台不支持！");
|
return;
|
}
|
var inf = plus.push.getClientInfo();
|
var url = pushServer + 'type=down&appid=' + encodeURIComponent(plus.runtime.appid);
|
inf.id && (url += '&id=' + inf.id);
|
url += ('&cid=' + encodeURIComponent(inf.clientid));
|
url += ('&title=' + encodeURIComponent('Hello H5+'));
|
url += ('&content=' + encodeURIComponent('新版本发布了！立即下载体验？'));
|
url += ('&ptitle=' + encodeURIComponent('Hello H5+'));
|
url += ('&pcontent=' + encodeURIComponent('1. 优化用户体验;\n2. 修复在Android2.3.x某些设备可能异常退出的问题.'));
|
url += ('&dtitle=' + encodeURIComponent('下载Hello H5+'));
|
url += ('&durl=' + encodeURIComponent('http://www.dcloud.io/helloh5/HelloH5.apk'));
|
url += ('&version=' + encodeURIComponent(plus.runtime.version));
|
plus.runtime.openURL(url);
|
}
|
/**
|
* 请求‘透传数据’推送消息
|
*/
|
function requireTranMsg() {
|
if (navigator.userAgent.indexOf('StreamApp') > 0) {
|
plus.nativeUI.toast('当前环境暂不支持发送推送消息');
|
return;
|
}
|
var inf = plus.push.getClientInfo();
|
var url = pushServer + 'type=tran&appid=' + encodeURIComponent(plus.runtime.appid);
|
inf.id && (url += '&id=' + inf.id);
|
url += ('&cid=' + encodeURIComponent(inf.clientid));
|
if (plus.os.name == 'iOS') {
|
url += ('&token=' + encodeURIComponent(inf.token));
|
}
|
url += ('&title=' + encodeURIComponent('Hello H5+'));
|
url += ('&content=' + encodeURIComponent('带透传数据推送通知，可通过plus.push API获取数据并进行业务逻辑处理！'));
|
url += ('&payload=' + encodeURIComponent(
|
'{"title":"Hello H5+ Test","content":"test content","payload":"1234567890"}'));
|
url += ('&version=' + encodeURIComponent(plus.runtime.version));
|
plus.runtime.openURL(url);
|
}
|
</script>
|
<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8" />
|
</head>
|
<body>
|
<br />
|
<div class="button" onclick="requireNotiMsg()">发送"普通通知"消息</div>
|
<div class="button" onclick="requireLinkMsg()">发送"打开网页"消息</div>
|
<div class="button" onclick="requireDownMsg()">发送"下载链接"消息</div>
|
<div class="button" onclick="requireTranMsg()">发送"透传数据"消息</div>
|
<br />
|
<ul id="dlist" class="dlist">
|
<li class="ditem" onclick="getPushInfo()">获取客户端推送标识</li>
|
<li class="ditem" onclick="createLocalPushMsg()">创建本地消息</li>
|
<li class="ditem" onclick="listAllPush()">枚举推送消息</li>
|
<li class="ditem" onclick="clearAllPush()">清空推送消息</li>
|
<!--<li class="ditem" onclick="plus.push.setAutoNotification(false)">关闭自动显示消息</li>
|
<li class="ditem" onclick="plus.push.setAutoNotification(true)">开启自动显示消息</li>-->
|
</ul>
|
<div id="outpos" />
|
<div id="output">
|
Push模块管理推送消息功能，可以实现在线、离线的消息推送，通过plus.push可获取推送消息管理对象。
|
</div>
|
</body>
|
</html>
|
