demo.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Document</title>
  7. <style>
  8. .click {
  9. width: 200px;
  10. height: 60px;
  11. border: 1px solid #ccc;
  12. margin: 0 auto;
  13. margin-bottom: 10px;
  14. line-height: 60px;
  15. text-align: center;
  16. border-radius: 10px;
  17. }
  18. </style>
  19. <script src="https://cdn.bootcss.com/crypto-js/4.0.0/crypto-js.min.js" type="text/javascript"></script>
  20. <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js" type="text/javascript"></script>
  21. </head>
  22. <body>
  23. <button id="login">登录</button>
  24. <button id="config">获取配置</button>
  25. <button id="start">开始游戏</button>
  26. <button id="end">游戏结束</button>
  27. <button id="topList">排行榜</button>
  28. <button id="reward">抽奖</button>
  29. <button id="saveAddress">上报地址</button>
  30. <button id="sms">发送短信验证码</button>
  31. <input type="text" name="mobile" id="mobile" value="" />
  32. <input type="text" name="code" id="code" value="" />
  33. <button id="copy">测试复制</button>
  34. <div id="data"></div>
  35. <div id="loginResult"></div>
  36. <div id="configResult"></div>
  37. <div id="startResult"></div>
  38. <div id="endResult"></div>
  39. <div id="topListResult"></div>
  40. <div id="rewardResult"></div>
  41. <div id="saveAddressResult"></div>
  42. <div id="smsResult"></div>
  43. <input style="display: absolute; z-index: -1; height: 0; width: 0" id="copyTest" />
  44. <script type="text/javascript">
  45. var ua = navigator.userAgent.toLocaleUpperCase().indexOf("WEIBO") >= 0;
  46. alert(ua);
  47. if (!ua) {
  48. let url = "https://sina.shuncheng.lu/demo.html"; // 要打开的 H5 页面的地址
  49. let scheme = `sinaweibo://browser?url=` + encodeURIComponent(url);
  50. window.location.href = `https://m.weibo.cn/feature/openapp?scheme=` + encodeURIComponent(scheme);
  51. } else {
  52. if ($.cookie("SUB") == "") {
  53. alert("未登录");
  54. let url = "https://sina.shuncheng.lu/demo.html"; // 要打开的 H5 页面的地址
  55. //未登录状态下跳转 scheme:
  56. window.location.href = `sinaweibo://login?redirect_scheme` + encodeURIComponent(url);
  57. }
  58. function getQueryString(name) {
  59. let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  60. let r = window.location.search.substr(1).match(reg);
  61. if (r != null) return unescape(r[2]);
  62. return null;
  63. }
  64. $("#login").click(function () {
  65. getCode("1");
  66. // callNative('sendCode', '');
  67. });
  68. $("#copy").click(function () {
  69. document.getElementById("copyTest").val(new Date());
  70. document.getElementById("copyTest").select();
  71. if (document.execCommand("copy")) {
  72. document.execCommand("copy");
  73. alert("复制成功");
  74. }
  75. });
  76. // 判断平台
  77. var u = navigator.userAgent;
  78. var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端
  79. var isiOS = !!u.match(/(iPhone|iPad|iPod)/gi); //ios终端
  80. var isWeChat = u.toLowerCase().match(/MicroMessenger/i) == "micromessenger"; //微信终端
  81. function getInfo(data) {
  82. // 暴露公用方法 ios 安卓调用H5
  83. dataDom.innerHTML = data;
  84. }
  85. var loginToken = "a0f18fa6b1f04232be549b6bb0186529";
  86. var gameID = "";
  87. var gameResult = {
  88. score: 301,
  89. list: [
  90. {
  91. clicktime: 1602222222,
  92. score: 301,
  93. },
  94. ],
  95. };
  96. var orderID = "";
  97. var mobile = "";
  98. var code = "";
  99. function getCode(data) {
  100. // 获取客户端传回来的code
  101. // 此处请求后端接口,将端给的code传给后端进行登录
  102. let params = { token: loginToken };
  103. $.ajax({
  104. type: "POST",
  105. url: "https://sina.shuncheng.lu/index/index/checkLogin",
  106. data: JSON.stringify({ cookie: document.cookie }),
  107. dataType: "json",
  108. xhrFields: {
  109. withCredentials: true, //允许跨域带Cookie
  110. },
  111. beforeSend: function (xhr) {
  112. xhr.withCredentials = true;
  113. },
  114. success: function (res) {
  115. console.log(res);
  116. loginToken = res.data.token;
  117. dataDom.innerHTML = res.data.token;
  118. },
  119. });
  120. }
  121. $("#config").click(function () {
  122. let params = { token: loginToken };
  123. // let encryptedData = Encrypt(JSON.stringify(params));
  124. $.post("https://sina.shuncheng.lu/index/login", params, function (res) {
  125. $("#configResult").html(res);
  126. let decrypted = Decrypt(res.data);
  127. $("#configResult").html(decrypted);
  128. });
  129. });
  130. $("#start").click(function () {
  131. let params = { token: loginToken };
  132. // let encryptedData = Encrypt(JSON.stringify(params));
  133. $.post("https://sina.shuncheng.lu/index/startGame", params, function (res) {
  134. $("#startResult").html(JSON.stringify(res));
  135. let decrypted = res.data;
  136. gameID = decrypted.gameID;
  137. });
  138. });
  139. $("#topList").click(function () {
  140. let params = { token: loginToken };
  141. // let encryptedData = Encrypt(JSON.stringify(params));
  142. $.post("https://sina.shuncheng.lu/index/topList", params, function (res) {
  143. $("#topListResult").html(JSON.stringify(res));
  144. // let decrypted = (Decrypt(res.data));
  145. // $('#topListResult').html(decrypted);
  146. // decrypted = JSON.parse(decrypted);
  147. // gameID = decrypted.gameID;
  148. });
  149. });
  150. $("#end").click(function () {
  151. let params = { token: loginToken, gameID: gameID, score: 300, gameData: gameResult };
  152. // let encryptedData = Encrypt(JSON.stringify(params));
  153. $.post("https://sina.shuncheng.lu/index/endGame", params, function (res) {
  154. $("#endResult").html(JSON.stringify(res));
  155. // let decrypted = (Decrypt(res.data));
  156. // $('#endResult').html(decrypted);
  157. // decrypted = JSON.parse(decrypted);
  158. // gameID = decrypted.gameID;
  159. });
  160. });
  161. $("#reward").click(function () {
  162. let params = { token: loginToken, gameID: gameID };
  163. // let encryptedData = Encrypt(JSON.stringify(params));
  164. $.post("https://sina.shuncheng.lu/index/reward", params, function (res) {
  165. $("#rewardResult").html(JSON.stringify(res));
  166. orderID = res.data.orderID;
  167. // let decrypted = (Decrypt(res.data));
  168. // $('#endResult').html(decrypted);
  169. // decrypted = JSON.parse(decrypted);
  170. // gameID = decrypted.gameID;
  171. });
  172. });
  173. $("#sms").click(function () {
  174. mobile = $("#mobile").val();
  175. let params = { token: loginToken, mobile: mobile };
  176. // let encryptedData = Encrypt(JSON.stringify(params));
  177. $.post("https://sina.shuncheng.lu/index/sendSmsCode", params, function (res) {
  178. $("#smsResult").html(JSON.stringify(res));
  179. // orderID = res.data.orderID;
  180. // let decrypted = (Decrypt(res.data));
  181. // $('#endResult').html(decrypted);
  182. // decrypted = JSON.parse(decrypted);
  183. // gameID = decrypted.gameID;
  184. });
  185. });
  186. $("#saveAddress").click(function () {
  187. code = $("#code").val();
  188. let params = {
  189. token: loginToken,
  190. orderID: orderID,
  191. isTopTen: false,
  192. name: "人人粉我",
  193. address: "上海东方明珠",
  194. mobile: mobile,
  195. code: code,
  196. };
  197. // let encryptedData = Encrypt(JSON.stringify(params));
  198. $.post("https://sina.shuncheng.lu/index/saveAddress", params, function (res) {
  199. $("#saveAddressResult").html(JSON.stringify(res));
  200. // orderID = res.data.orderID;
  201. // let decrypted = (Decrypt(res.data));
  202. // $('#endResult').html(decrypted);
  203. // decrypted = JSON.parse(decrypted);
  204. // gameID = decrypted.gameID;
  205. });
  206. });
  207. }
  208. // 触发方法
  209. function callNative(name, value) {
  210. dataDom.innerHTML = navigator.userAgent;
  211. try {
  212. if (isWeChat && weChatUrl != null) {
  213. // 微信
  214. location.href = weChatUrl;
  215. } else if (isAndroid) {
  216. // H5调用安卓
  217. // 我传值
  218. dataDom.innerHTML = "设置值2";
  219. client.call(name, value);
  220. } else if (isiOS) {
  221. // H5调用ios
  222. dataDom.innerHTML = "设置值2";
  223. window.webkit.messageHandlers.calliOS.postMessage({ name, value });
  224. }
  225. } catch (e) {
  226. dataDom.innerHTML = "设置值3" + e;
  227. }
  228. }
  229. let dataDom = document.getElementById("data");
  230. function setData() {
  231. // 触发调用
  232. dataDom.innerHTML = "设置值1";
  233. // 下載圖片
  234. // downloadImg: 调用原生的方法名
  235. // 图片url: 写入需要传入的url
  236. // callNative('downloadImg', '图片url')
  237. // 调用code
  238. callNative("sendCode", "");
  239. }
  240. /**
  241. * 解密
  242. * @param word
  243. * @returns {*}
  244. */
  245. function Decrypt(word) {
  246. var key = CryptoJS.enc.Utf8.parse("yushenjianglinle");
  247. var decrypt = CryptoJS.AES.decrypt(word, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
  248. return CryptoJS.enc.Utf8.stringify(decrypt).toString();
  249. }
  250. //加密
  251. function Encrypt(word) {
  252. var key = CryptoJS.enc.Utf8.parse("yushenjianglinle");
  253. let srcs = CryptoJS.enc.Utf8.parse(word);
  254. let encrypted = CryptoJS.AES.encrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
  255. return encrypted.toString();
  256. }
  257. </script>
  258. </body>
  259. </html>