xing
/
twong-h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
							<!DOCTYPE html>
<html>

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <title>JPush Phonegap Simple Demo</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() {
          document.addEventListener("jpush.receiveRegistrationId", function (event) {
                alert("receiveRegistrationId" + JSON.stringify(event));
                $("#registrationId").html(event.registrationId);
            }, false)

          initiateUI();
        };

        var getRegistrationID = function() {
          window.JPush.getRegistrationID(onGetRegistrationID);
        };

        var onGetRegistrationID = 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 badgeNumb = 0;
        var onOpenNotification = function(event) {
          try {
            var alertContent;
            if (device.platform == "Android") {
              alertContent = event.alert;
            } else {
              alertContent = event.aps.alert;
            }

            badgeNumb = badgeNumb - 1;
            badgeNumb = badgeNumb<=0 ? 0 : badgeNumb;
            window.JPush.setBadgeNumber(badgeNumb);

            alert("open Notification:" + alertContent);
          } catch (exception) {
            console.log("JPushPlugin:onOpenNotification" + exception);
          }
        };

        var onReceiveNotification = function(event) {
          try {
            var alertContent;
            if (device.platform == "Android") {
              alertContent = event.alert;
            } else {
              alertContent = event.aps.alert;
            }
            $("#notificationResult").html(alertContent);

             badgeNumb = badgeNumb + 1;
            window.JPush.setBadgeNumber(badgeNumb);
          } catch (exception) {
            console.log(exception)
          }
        };

        var onReceiveMessage = function(event) {
          try {
            var message;
            if (device.platform == "Android") {
              message = event.message;
            } else {
              message = event.content;
            }
            $("#messageResult").html(message);

            badgeNumb = badgeNumb + 1;
            window.JPush.setBadgeNumber(badgeNumb);
          } catch (exception) {
            console.log("JPushPlugin:onReceiveMessage-->" + exception);
          }
        };

         var onResume = function(event){
          try {
              badgeNumb = 0
              window.JPush.setBadgeNumber(0);

            } catch (exception) {
              console.log("onResume-->" + exception);
            }
        }

        var initiateUI = function() {
          try {
            window.JPush.init();
            window.JPush.setDebugMode(true);
            window.setTimeout(getRegistrationID, 1000);

            if (device.platform != "Android") {
              window.JPush.setApplicationIconBadgeNumber(0);
            }
          } catch (exception) {
            console.log(exception);
          }

          $("#setTags").click(function(ev) {
            try {
              var tag1 = $("#tagText1").val()
              var tag2 = $("#tagText2").val()
              var tag3 = $("#tagText3").val()
              var tags = []

              if (tag1) {
                tags.push(tag1)
              }
              if (tag2) {
                tags.push(tag2)
              }
              if (tag3) {
                tags.push(tag3)
              }

              window.JPush.setTags({ sequence: 1, tags: tags },
                function (result) {
                  $("#tagsResult").html(JSON.stringify(result.tags))
                }, function (error) {
                  alert(error.code)
                })
            } catch (exception) {
              console.log(exception)
            }
          })

          $("#getAllTags").click(function (event) {
            window.JPush.getAllTags({ sequence: 2 },
              function (result) {
                $("#tagsResult").html(JSON.stringify(result.tags))
              }, function (error) {
                alert(error.code)
              })
          })

          $("#cleanTags").click(function (event) {
            window.JPush.cleanTags({ sequence: 2 },
              function (result) {
                alert(result.sequence)
                $("#tagsResult").html("")
              }, function (error) {
                alert(error.code)
              })
          })

          $("#setAlias").click(function (event) {
            var alias = $("#aliasText").val()
            window.JPush.setAlias({ sequence: 1, alias: alias },
              function (result) {
                $("#aliasResult").html(result.alias)
              }, function (error){
                alert(error.code)
              })
          })

          $("#getAlias").click(function (event) {
            window.JPush.getAlias({ sequence: 2 },
              function (result) {
                alert(JSON.stringify(result));
              }, function (error) {
                alert(error.code)
              })
          });

          $("#deleteAlias").click(function (event) {
            window.JPush.deleteAlias({ sequence: 3 },
              function (result) {
                alert(JSON.stringify(result));
              }, function (error) {
                alert(error.code)
              })
          });
        };

        document.addEventListener("deviceready", onDeviceReady, false);
        document.addEventListener("jpush.openNotification", onOpenNotification, false);
        document.addEventListener("jpush.receiveNotification", onReceiveNotification, false);
        document.addEventListener("jpush.receiveMessage", onReceiveMessage, false);
        document.addEventListener("resume", onResume, false);
      </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="setTags" value="Set tags" />
              <input type="button" id="getAllTags" value="Get all tags" />
              <input type="button" id="cleanTags" value="Clean tags" />
            </div>

            <div data-role="fieldcontain">
              <input type="button" id="setAlias" value="Set alias" />
              <input type="button" id="getAlias" value="Get alias" />
              <input type="button" id="deleteAlias" value="Delete alias" />
            </div>

            <div data-role="fieldcontain">
              <label id="tagsPrompt">设置 Tag 的结果:</label>
              <label id="tagsResult">null</label>
            </div>
            <div data-role="fieldcontain">
              <label id="aliasPrompt">设置 Alias 的结果:</label>
              <label id="aliasResult">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>