2014-01-21 14:15:14 +08:00
|
|
|
|
|
|
|
|
|
|
<!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>
|
2014-06-10 14:14:02 +08:00
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
var onDeviceReady = function(){
|
2014-07-10 18:09:06 +08:00
|
|
|
|
console.log("JPushPlugin:Device ready!")
|
2014-06-12 11:02:33 +08:00
|
|
|
|
initiateUI();
|
2015-04-14 14:47:57 +08:00
|
|
|
|
}
|
|
|
|
|
|
var onGetRegistradionID = function(data) {
|
|
|
|
|
|
try{
|
|
|
|
|
|
console.log("JPushPlugin:registrationID is "+data)
|
|
|
|
|
|
|
|
|
|
|
|
$("#registrationid").html(data);
|
|
|
|
|
|
}
|
|
|
|
|
|
catch(exception){
|
|
|
|
|
|
console.log(exception);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2014-06-10 14:14:02 +08:00
|
|
|
|
var onTagsWithAlias = function(event){
|
2014-06-05 16:36:54 +08:00
|
|
|
|
try{
|
2014-06-12 11:02:33 +08:00
|
|
|
|
console.log("onTagsWithAlias");
|
2014-06-10 14:14:02 +08:00
|
|
|
|
var result="result code:"+event.resultCode+" ";
|
2014-06-12 11:02:33 +08:00
|
|
|
|
result+="tags:"+event.tags+" ";
|
|
|
|
|
|
result+="alias:"+event.alias+" ";
|
2014-06-10 14:14:02 +08:00
|
|
|
|
$("#tagAliasResult").html(result);
|
2014-06-05 16:36:54 +08:00
|
|
|
|
}
|
|
|
|
|
|
catch(exception){
|
|
|
|
|
|
console.log(exception)
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2015-01-27 18:19:16 +08:00
|
|
|
|
var onOpenNotification = function(event){
|
2015-04-10 11:04:56 +08:00
|
|
|
|
try{
|
2015-04-15 16:59:32 +08:00
|
|
|
|
var alertContent
|
|
|
|
|
|
if(device.platform == "Android"){
|
|
|
|
|
|
alertContent=window.plugins.jPushPlugin.openNotification.alert;
|
|
|
|
|
|
}else{
|
|
|
|
|
|
alertContent = event.aps.alert;
|
|
|
|
|
|
}
|
2015-04-14 14:47:57 +08:00
|
|
|
|
alert("open Notificaiton:"+alertContent);
|
2015-04-15 16:59:32 +08:00
|
|
|
|
|
2015-04-10 11:04:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
catch(exception){
|
2015-04-15 16:59:32 +08:00
|
|
|
|
console.log("JPushPlugin:onOpenNotification"+exception);
|
2015-04-10 11:04:56 +08:00
|
|
|
|
}
|
2015-01-27 18:19:16 +08:00
|
|
|
|
}
|
2015-03-10 16:37:08 +08:00
|
|
|
|
var onReceiveNotification = function(event){
|
|
|
|
|
|
try{
|
2015-12-09 18:27:08 +08:00
|
|
|
|
var alertContent
|
2015-06-09 17:31:57 +08:00
|
|
|
|
if(device.platform == "Android"){
|
2015-12-09 18:27:08 +08:00
|
|
|
|
alertContent = window.plugins.jPushPlugin.receiveNotification.alert;
|
2015-06-09 17:31:57 +08:00
|
|
|
|
}else{
|
2015-12-09 18:27:08 +08:00
|
|
|
|
alertContent = event.aps.alert;
|
2015-06-09 17:31:57 +08:00
|
|
|
|
}
|
2015-12-09 18:27:08 +08:00
|
|
|
|
$("#notificationResult").html(alertContent);
|
2015-04-14 14:47:57 +08:00
|
|
|
|
|
2015-03-10 16:37:08 +08:00
|
|
|
|
}
|
|
|
|
|
|
catch(exeption){
|
|
|
|
|
|
console.log(exception)
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2015-04-14 14:47:57 +08:00
|
|
|
|
var onReceiveMessage = function(event){
|
2014-06-05 16:36:54 +08:00
|
|
|
|
try{
|
2015-06-09 17:31:57 +08:00
|
|
|
|
|
|
|
|
|
|
var message
|
|
|
|
|
|
if(device.platform == "Android"){
|
|
|
|
|
|
message = window.plugins.jPushPlugin.receiveMessage.message;
|
|
|
|
|
|
}else{
|
|
|
|
|
|
message = event.content;
|
|
|
|
|
|
}
|
2015-04-15 16:59:32 +08:00
|
|
|
|
//var extras = window.plugins.jPushPlugin.extras
|
2015-06-09 17:31:57 +08:00
|
|
|
|
|
2015-04-15 16:59:32 +08:00
|
|
|
|
$("#messageResult").html(message);
|
|
|
|
|
|
|
2014-06-05 16:36:54 +08:00
|
|
|
|
}
|
|
|
|
|
|
catch(exception){
|
2015-04-15 16:59:32 +08:00
|
|
|
|
console.log("JPushPlugin:onReceiveMessage-->"+exception);
|
2014-06-05 16:36:54 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
2015-04-14 14:47:57 +08:00
|
|
|
|
|
2014-06-10 14:14:02 +08:00
|
|
|
|
var initiateUI = function(){
|
2014-06-12 14:39:46 +08:00
|
|
|
|
|
2015-01-15 10:31:43 +08:00
|
|
|
|
try{
|
2015-01-19 17:48:41 +08:00
|
|
|
|
window.plugins.jPushPlugin.init();
|
2015-04-14 14:47:57 +08:00
|
|
|
|
window.plugins.jPushPlugin.getRegistrationID(onGetRegistradionID);
|
|
|
|
|
|
|
2015-07-10 17:42:50 +08:00
|
|
|
|
if(device.platform != "Android"){
|
2015-04-14 14:47:57 +08:00
|
|
|
|
window.plugins.jPushPlugin.setDebugModeFromIos();
|
|
|
|
|
|
window.plugins.jPushPlugin.setApplicationIconBadgeNumber(0);
|
|
|
|
|
|
}else{
|
|
|
|
|
|
window.plugins.jPushPlugin.setDebugMode(true);
|
|
|
|
|
|
}
|
2015-01-15 10:31:43 +08:00
|
|
|
|
}
|
|
|
|
|
|
catch(exception){
|
|
|
|
|
|
console.log(exception);
|
|
|
|
|
|
}
|
2014-06-05 16:36:54 +08:00
|
|
|
|
$("#setTagWithAliasButton").click(function(ev) {
|
2014-06-10 14:14:02 +08:00
|
|
|
|
try{
|
|
|
|
|
|
var tag1 = $("#tagText1").attr("value");
|
|
|
|
|
|
var tag2 = $("#tagText2").attr("value");
|
|
|
|
|
|
var tag3 = $("#tagText3").attr("value");
|
|
|
|
|
|
var alias = $("#aliasText").attr("value");
|
|
|
|
|
|
var dd = [];
|
2014-06-06 18:15:08 +08:00
|
|
|
|
|
2014-06-10 14:14:02 +08:00
|
|
|
|
if(tag1==""&&tag2==""&&tag3==""){
|
|
|
|
|
|
}
|
|
|
|
|
|
else{
|
|
|
|
|
|
if(tag1 != ""){
|
|
|
|
|
|
dd.push(tag1);
|
2014-06-09 13:26:04 +08:00
|
|
|
|
}
|
2014-06-10 14:14:02 +08:00
|
|
|
|
if(tag2 != ""){
|
|
|
|
|
|
dd.push(tag2);
|
2014-06-09 13:26:04 +08:00
|
|
|
|
}
|
2014-06-10 14:14:02 +08:00
|
|
|
|
if(tag3 != ""){
|
|
|
|
|
|
dd.push(tag3);
|
|
|
|
|
|
}
|
2014-06-12 11:02:33 +08:00
|
|
|
|
}
|
2014-06-12 14:39:46 +08:00
|
|
|
|
window.plugins.jPushPlugin.setTagsWithAlias(dd,alias);
|
|
|
|
|
|
|
2014-06-10 14:14:02 +08:00
|
|
|
|
}
|
|
|
|
|
|
catch(exception){
|
|
|
|
|
|
console.log(exception);
|
|
|
|
|
|
}
|
2014-01-21 14:15:14 +08:00
|
|
|
|
})
|
|
|
|
|
|
}
|
2014-06-10 14:14:02 +08:00
|
|
|
|
document.addEventListener("jpush.setTagsWithAlias", onTagsWithAlias, false);
|
2015-01-27 18:19:16 +08:00
|
|
|
|
document.addEventListener("deviceready", onDeviceReady, false);
|
2015-03-10 16:37:08 +08:00
|
|
|
|
document.addEventListener("jpush.openNotification", onOpenNotification, false);
|
2015-04-14 14:47:57 +08:00
|
|
|
|
document.addEventListener("jpush.receiveNotification", onReceiveNotification, false);
|
|
|
|
|
|
document.addEventListener("jpush.receiveMessage", onReceiveMessage, false);
|
|
|
|
|
|
|
2015-03-10 16:37:08 +08:00
|
|
|
|
|
2015-04-14 14:47:57 +08:00
|
|
|
|
//jpush.receiveMessage
|
2014-01-21 14:15:14 +08:00
|
|
|
|
</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 />
|
2014-06-05 16:36:54 +08:00
|
|
|
|
<label>RegistrationID: </label>
|
|
|
|
|
|
<label id="registrationid">null</label>
|
|
|
|
|
|
</div>
|
2014-01-21 14:15:14 +08:00
|
|
|
|
<div data-role="fieldcontain">
|
|
|
|
|
|
<label>Tags: </label>
|
2014-06-04 13:20:24 +08:00
|
|
|
|
<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>
|
2014-01-21 14:15:14 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div data-role="fieldcontain">
|
|
|
|
|
|
<input type="button" id="setTagWithAliasButton" value="Add tag and alias" />
|
|
|
|
|
|
</div>
|
2014-06-05 16:36:54 +08:00
|
|
|
|
<div data-role="fieldcontain">
|
2015-04-14 14:47:57 +08:00
|
|
|
|
<label id="tagAliasPrompt" >设置tag/alias结果： </label>
|
2014-06-05 16:36:54 +08:00
|
|
|
|
<label id="tagAliasResult" >null</label>
|
|
|
|
|
|
</div>
|
2015-04-14 14:47:57 +08:00
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
|
|
|
2014-01-21 14:15:14 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
