iot.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/mui.min.css">
  10. <link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/iconfont.css">
  11. <link rel="stylesheet" type="text/css" href="//s.iamberry.com/watero/css/style.css" />
  12. <style>
  13. .mui-table-view .mui-table-view-cell img {
  14. width: 100%;
  15. }
  16. li {
  17. text-align: center;padding-top: 10px;
  18. }
  19. </style>
  20. </head>
  21. <body style="background: #fff;">
  22. <div class="loading-bg">
  23. <div class="mui-loading">
  24. <div class="mui-spinner">
  25. </div>
  26. &nbsp;&nbsp;加载中...
  27. </div>
  28. </div>
  29. <header class="mui-bar mui-bar-nav header">
  30. <div class="go-index go_index">
  31. <img src="//s.iamberry.com/watero/images/shop/logo.png">
  32. </div>
  33. </header>
  34. <div class="mui-content" style="background: #fff;">
  35. <ul class="mui-table-view">
  36. <li>
  37. <textarea rows="5" cols="10" id="text-info"></textarea>
  38. </li>
  39. <li>
  40. <button type="button" id="send-btn" class="mui-btn mui-btn-primary">向机器发送消息</button>
  41. </li>
  42. <li>
  43. <button type="button" id="revc-btn" class="mui-btn mui-btn-primary">接受消息</button>
  44. </li>
  45. <li id="text-message"></li>
  46. </ul>
  47. </div>
  48. <script src="//s.iamberry.com/watero/js/mui.min.js"></script>
  49. <script src="//s.iamberry.com/watero/js/jquery-2.1.1.min.js"></script>
  50. <script src="//s.iamberry.com/watero/js/shop/main.js"></script>
  51. <script src="//s.iamberry.com/watero/js/wechat_iot.js?v=6734343"></script>
  52. <script type="text/javascript">
  53. mui.ready(function() {
  54. // console.log("页面加载完毕" + base64encode("test"))
  55. document.querySelector('.loading-bg').style.display = 'none';
  56. /* $("#test-btn-scan").click(function(){
  57. wx.scanQRCode({
  58. needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
  59. scanType: ["qrCode"],
  60. success: function (res) {
  61. var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
  62. }
  63. });
  64. }); */
  65. $("#revc-btn").click(function() {
  66. getData();
  67. });
  68. $("#send-btn").click(function() {
  69. // gh_2674097b2442_5321e5d368254ac8
  70. // mui.alert("data:" + $("#text-info").val());
  71. sendMsgAndReceiveData("gh_2674097b2442_6d2fd2a9287de3de", ($("#text-info").val()), function(state, data) {
  72. if (200 == state) {
  73. // 成功
  74. $("#text-message").append('<p>' + (data) + "</p>");
  75. } else {
  76. // 失败
  77. $("#text-message").append('<p>err:' + (data) + "</p>");
  78. }
  79. });
  80. // getData();
  81. });
  82. });
  83. function getData() {
  84. receiveData(function(res) {
  85. $("#text-message").append('<p>' + base64decode(res.base64Data) + "</p>");
  86. });
  87. }
  88. function test() {
  89. console.log(parseInt(base64decode("EQ=="),16));
  90. }
  91. function getTicket() {
  92. // , 'gh_2674097b2442_5321e5d368254ac8', 'gh_2674097b2442_27ac2c088f9c2007'
  93. var ds = ['gh_2674097b2442_5321e5d368254ac8'];
  94. for (var i = 0; i < ds.length; i ++) {
  95. var d = ds[i];
  96. wx.invoke('getWXDeviceTicket', {'deviceId':d,'type':'2', 'connType':'blue'}, function(res) {
  97. try
  98. {
  99. new Image().src = "//w.iamberry.com/watero/ticket/" + JSON.stringify(res);
  100. } catch (err) {
  101. }
  102. });
  103. }
  104. mui.alert("ok");
  105. }
  106. </script>
  107. </body>
  108. </html>