123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title></title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/mui.min.css">
- <link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/iconfont.css">
- <link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/style.css" />
- <style>
- .mui-table-view .mui-table-view-cell img {
- width: 100%;
- }
- li {
- text-align: center;padding-top: 10px;
- }
- </style>
- </head>
- <body style="background: #fff;">
- <div class="loading-bg">
- <div class="mui-loading">
- <div class="mui-spinner">
- </div>
- 加载中...
- </div>
- </div>
- <header class="mui-bar mui-bar-nav header">
- <div class="go-index go_index">
- <img src="//s.iamberry.com/watero/images/shop/logo.png">
- </div>
- </header>
- <div class="mui-content" style="background: #fff;">
- <ul class="mui-table-view">
- <li>
- <textarea rows="5" cols="10" id="text-info"></textarea>
- </li>
- <li>
- <button type="button" id="send-btn" class="mui-btn mui-btn-primary">向机器发送消息</button>
- </li>
- <li>
- <button type="button" id="revc-btn" class="mui-btn mui-btn-primary">接受消息</button>
- </li>
- <li id="text-message"></li>
- </ul>
- </div>
- <script src="//s.iamberry.com/watero/js/mui.min.js"></script>
- <script src="//s.iamberry.com/watero/js/jquery-2.1.1.min.js"></script>
- <script src="//s.iamberry.com/watero/js/shop/main.js"></script>
- <script src="//s.iamberry.com/watero/js/wechat_iot.js?v=6734343"></script>
- <script type="text/javascript">
- mui.ready(function() {
- // console.log("页面加载完毕" + base64encode("test"))
- document.querySelector('.loading-bg').style.display = 'none';
- /* $("#test-btn-scan").click(function(){
- wx.scanQRCode({
- needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
- scanType: ["qrCode"],
- success: function (res) {
- var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
- }
- });
- }); */
- $("#revc-btn").click(function() {
- getData();
- });
- $("#send-btn").click(function() {
- // gh_2674097b2442_5321e5d368254ac8
- // mui.alert("data:" + $("#text-info").val());
- sendMsgAndReceiveData("gh_2674097b2442_6d2fd2a9287de3de", ($("#text-info").val()), function(state, data) {
- if (200 == state) {
- // 成功
- $("#text-message").append('<p>' + (data) + "</p>");
- } else {
- // 失败
- $("#text-message").append('<p>err:' + (data) + "</p>");
- }
- });
- // getData();
- });
- });
- function getData() {
- receiveData(function(res) {
- $("#text-message").append('<p>' + base64decode(res.base64Data) + "</p>");
- });
- }
- function test() {
- console.log(parseInt(base64decode("EQ=="),16));
- }
- function getTicket() {
- // , 'gh_2674097b2442_5321e5d368254ac8', 'gh_2674097b2442_27ac2c088f9c2007'
- var ds = ['gh_2674097b2442_5321e5d368254ac8'];
- for (var i = 0; i < ds.length; i ++) {
- var d = ds[i];
- wx.invoke('getWXDeviceTicket', {'deviceId':d,'type':'2', 'connType':'blue'}, function(res) {
- try
- {
- new Image().src = "//w.iamberry.com/watero/ticket/" + JSON.stringify(res);
- } catch (err) {
- }
- });
- }
- mui.alert("ok");
- }
- </script>
- </body>
- </html>
|