mirror of
https://github.com/jpush/jpush-phonegap-plugin.git
synced 2025-01-19 05:22:57 +08:00
224 lines
7.8 KiB
HTML
224 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
<title>Phonegap Sample App</title>
|
||
<link href="css/jquery.mobile-1.1.1.css" rel="stylesheet" type="text/css"/>
|
||
<script type="text/javascript" src="js/jquery.js"></script>
|
||
<script type="text/javascript" src="js/jquery.mobile-1.1.1.js"></script>
|
||
<script type="text/javascript" src="cordova.js"></script>
|
||
<script type="text/javascript">
|
||
var onDeviceReady = function () {
|
||
console.log("JPushPlugin:Device ready!");
|
||
initiateUI();
|
||
};
|
||
|
||
function getRegistrationID() {
|
||
window.plugins.jPushPlugin.getRegistrationID(onGetRegistradionID);
|
||
}
|
||
|
||
var onGetRegistradionID = function (data) {
|
||
try {
|
||
|
||
console.log("JPushPlugin:registrationID is " + data);
|
||
|
||
if (data.length == 0) {
|
||
var t1 = window.setTimeout(getRegistrationID, 1000);
|
||
}
|
||
$("#registrationid").html(data);
|
||
}
|
||
catch (exception) {
|
||
console.log(exception);
|
||
}
|
||
};
|
||
|
||
var onTagsWithAlias = function (event) {
|
||
try {
|
||
console.log("onTagsWithAlias");
|
||
var result = "result code:" + event.resultCode + " ";
|
||
result += "tags:" + event.tags + " ";
|
||
result += "alias:" + event.alias + " ";
|
||
$("#tagAliasResult").html(result);
|
||
}
|
||
catch (exception) {
|
||
console.log(exception)
|
||
}
|
||
};
|
||
var onOpenNotification = function (event) {
|
||
try {
|
||
var alertContent;
|
||
if (device.platform == "Android") {
|
||
alertContent = window.plugins.jPushPlugin.openNotification.alert;
|
||
} else {
|
||
alertContent = event.aps.alert;
|
||
}
|
||
alert("open Notificaiton:" + alertContent);
|
||
|
||
}
|
||
catch (exception) {
|
||
console.log("JPushPlugin:onOpenNotification" + exception);
|
||
}
|
||
};
|
||
var onReceiveNotification = function (event) {
|
||
try {
|
||
var alertContent;
|
||
if (device.platform == "Android") {
|
||
alertContent = window.plugins.jPushPlugin.receiveNotification.alert;
|
||
} else {
|
||
alertContent = event.aps.alert;
|
||
}
|
||
$("#notificationResult").html(alertContent);
|
||
|
||
}
|
||
catch (exeption) {
|
||
console.log(exception)
|
||
}
|
||
};
|
||
var onReceiveMessage = function (event) {
|
||
try {
|
||
|
||
var message;
|
||
if (device.platform == "Android") {
|
||
message = window.plugins.jPushPlugin.receiveMessage.message;
|
||
} else {
|
||
message = event.content;
|
||
}
|
||
//var extras = window.plugins.jPushPlugin.extras
|
||
|
||
$("#messageResult").html(message);
|
||
|
||
}
|
||
catch (exception) {
|
||
console.log("JPushPlugin:onReceiveMessage-->" + exception);
|
||
}
|
||
};
|
||
|
||
var initiateUI = function () {
|
||
|
||
try {
|
||
window.plugins.jPushPlugin.init();
|
||
getRegistrationID();
|
||
|
||
if (device.platform != "Android") {
|
||
window.plugins.jPushPlugin.setDebugModeFromIos();
|
||
window.plugins.jPushPlugin.setApplicationIconBadgeNumber(0);
|
||
} else {
|
||
window.plugins.jPushPlugin.setDebugMode(true);
|
||
window.plugins.jPushPlugin.setStatisticsOpen(true);
|
||
}
|
||
}
|
||
catch (exception) {
|
||
console.log(exception);
|
||
}
|
||
$("#setTagWithAliasButton").click(function (ev) {
|
||
|
||
// window.plugins.jPushPlugin.getApplicationIconBadgeNumber(function(data){
|
||
// console.log(data);
|
||
// });
|
||
|
||
try {
|
||
var tag1 = $("#tagText1").attr("value");
|
||
var tag2 = $("#tagText2").attr("value");
|
||
var tag3 = $("#tagText3").attr("value");
|
||
var alias = $("#aliasText").attr("value");
|
||
var dd = [];
|
||
|
||
if (tag1 == "" && tag2 == "" && tag3 == "") {
|
||
}
|
||
else {
|
||
if (tag1 != "") {
|
||
dd.push(tag1);
|
||
}
|
||
if (tag2 != "") {
|
||
dd.push(tag2);
|
||
}
|
||
if (tag3 != "") {
|
||
dd.push(tag3);
|
||
}
|
||
}
|
||
window.plugins.jPushPlugin.setTagsWithAlias(dd, alias);
|
||
|
||
}
|
||
catch (exception) {
|
||
console.log(exception);
|
||
}
|
||
})
|
||
};
|
||
document.addEventListener("jpush.setTagsWithAlias", onTagsWithAlias, false);
|
||
document.addEventListener("deviceready", onDeviceReady, false);
|
||
document.addEventListener("jpush.openNotification", onOpenNotification, false);
|
||
document.addEventListener("jpush.receiveNotification", onReceiveNotification, false);
|
||
document.addEventListener("jpush.receiveMessage", onReceiveMessage, false);
|
||
|
||
|
||
//jpush.receiveMessage
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div data-role="page" id="page">
|
||
|
||
<div data-role="content">
|
||
<form>
|
||
<div class="ui-body ui-body-b">
|
||
|
||
<div data-role="fieldcontain">
|
||
<center><h3>JPushPlugin Example</h3></center>
|
||
<span name="alias" id="alias"></span>
|
||
<hr/>
|
||
<label>RegistrationID: </label>
|
||
<label id="registrationid">null</label>
|
||
</div>
|
||
<div data-role="fieldcontain">
|
||
<label>Tags: </label>
|
||
<table>
|
||
<tr>
|
||
<td>
|
||
<input type="text" id="tagText1"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<input type="text" id="tagText2"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<input type="text" id="tagText3">
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<label>Alias: </label>
|
||
<table>
|
||
<tr>
|
||
<td>
|
||
<input type="text" id="aliasText">
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div data-role="fieldcontain">
|
||
<input type="button" id="setTagWithAliasButton" value="Add tag and alias"/>
|
||
</div>
|
||
<div data-role="fieldcontain">
|
||
<label id="tagAliasPrompt">设置tag/alias结果： </label>
|
||
<label id="tagAliasResult">null</label>
|
||
</div>
|
||
<div data-role="fieldcontain">
|
||
<label id="notificationPrompt">接受的通知内容:</label>
|
||
<label id="notificationResult">null</label>
|
||
</div>
|
||
<div data-role="fieldcontain">
|
||
<label id="messagePrompt">接受的自定义消息:</label>
|
||
<label id="messageResult">null</label>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|