demo.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
  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. function setCookie(cname, cvalue, exdays) {
  47. var d = new Date();
  48. d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
  49. var expires = "expires=" + d.toGMTString();
  50. document.cookie = cname + "=" + cvalue + "; " + expires;
  51. }
  52. //获取cookie
  53. function getCookie(cname) {
  54. var name = cname + "=";
  55. var ca = document.cookie.split(";");
  56. for (var i = 0; i < ca.length; i++) {
  57. var c = ca[i].trim();
  58. if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
  59. }
  60. return "";
  61. }
  62. function getQueryString(name) {
  63. let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  64. let r = window.location.search.substr(1).match(reg);
  65. if (r != null) return unescape(r[2]);
  66. return null;
  67. }
  68. if (!ua) {
  69. let url = location.href; // 要打开的 H5 页面的地址
  70. let scheme = `sinaweibo://browser?url=` + encodeURIComponent(url);
  71. window.location.href = `https://m.weibo.cn/feature/openapp?scheme=` + encodeURIComponent(scheme);
  72. } else {
  73. if (getCookie("SUB") == "") {
  74. alert(getQueryString("sub"));
  75. setCookie("SUB", getQueryString("sub"), 7);
  76. // alert("未登录");
  77. // let url = "http://www.weibo.cn/demo.html"; // 要打开的 H5 页面的地址
  78. // //未登录状态下跳转 scheme:
  79. // window.location.href = `sinaweibo://login?redirect_scheme` + encodeURIComponent(url);
  80. }
  81. $("#login").click(function () {
  82. getCode("1");
  83. // callNative('sendCode', '');
  84. });
  85. $("#copy").click(function () {
  86. document.getElementById("copyTest").val(new Date());
  87. document.getElementById("copyTest").select();
  88. if (document.execCommand("copy")) {
  89. document.execCommand("copy");
  90. alert("复制成功");
  91. }
  92. });
  93. // 判断平台
  94. var u = navigator.userAgent;
  95. var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端
  96. var isiOS = !!u.match(/(iPhone|iPad|iPod)/gi); //ios终端
  97. var isWeChat = u.toLowerCase().match(/MicroMessenger/i) == "micromessenger"; //微信终端
  98. function getInfo(data) {
  99. // 暴露公用方法 ios 安卓调用H5
  100. dataDom.innerHTML = data;
  101. }
  102. var loginToken = "a0f18fa6b1f04232be549b6bb0186529";
  103. var gameID = "";
  104. var gameResult = {
  105. score: 301,
  106. list: [
  107. {
  108. clicktime: 1602222222,
  109. score: 301,
  110. },
  111. ],
  112. };
  113. var orderID = "";
  114. var mobile = "";
  115. var code = "";
  116. function getCode(data) {
  117. // 获取客户端传回来的code
  118. // 此处请求后端接口,将端给的code传给后端进行登录
  119. let params = { token: loginToken };
  120. $.ajax({
  121. type: "POST",
  122. url: "http://www.weibo.cn/index/index/checkLogin",
  123. data: { cookie: getQueryString("sub") },
  124. dataType: "json",
  125. xhrFields: {
  126. withCredentials: true, //允许跨域带Cookie
  127. },
  128. beforeSend: function (xhr) {
  129. xhr.withCredentials = true;
  130. },
  131. success: function (res) {
  132. console.log(res);
  133. loginToken = res.data.token;
  134. dataDom.innerHTML = res.data.token;
  135. },
  136. });
  137. }
  138. $("#config").click(function () {
  139. let params = { token: loginToken };
  140. // let encryptedData = Encrypt(JSON.stringify(params));
  141. $.post("http://www.weibo.cn/index/login", params, function (res) {
  142. $("#configResult").html(res);
  143. let decrypted = Decrypt(res.data);
  144. $("#configResult").html(decrypted);
  145. });
  146. });
  147. $("#start").click(function () {
  148. let params = { token: loginToken };
  149. // let encryptedData = Encrypt(JSON.stringify(params));
  150. $.post("http://www.weibo.cn/index/startGame", params, function (res) {
  151. $("#startResult").html(JSON.stringify(res));
  152. let decrypted = res.data;
  153. gameID = decrypted.gameID;
  154. });
  155. });
  156. $("#topList").click(function () {
  157. let params = { token: loginToken };
  158. // let encryptedData = Encrypt(JSON.stringify(params));
  159. $.post("http://www.weibo.cn/index/topList", params, function (res) {
  160. $("#topListResult").html(JSON.stringify(res));
  161. // let decrypted = (Decrypt(res.data));
  162. // $('#topListResult').html(decrypted);
  163. // decrypted = JSON.parse(decrypted);
  164. // gameID = decrypted.gameID;
  165. });
  166. });
  167. $("#end").click(function () {
  168. let params = { token: loginToken, gameID: gameID, score: 300, gameData: gameResult };
  169. // let encryptedData = Encrypt(JSON.stringify(params));
  170. $.post("http://www.weibo.cn/index/endGame", params, function (res) {
  171. $("#endResult").html(JSON.stringify(res));
  172. // let decrypted = (Decrypt(res.data));
  173. // $('#endResult').html(decrypted);
  174. // decrypted = JSON.parse(decrypted);
  175. // gameID = decrypted.gameID;
  176. });
  177. });
  178. $("#reward").click(function () {
  179. let params = { token: loginToken, gameID: gameID };
  180. // let encryptedData = Encrypt(JSON.stringify(params));
  181. $.post("http://www.weibo.cn/index/reward", params, function (res) {
  182. $("#rewardResult").html(JSON.stringify(res));
  183. orderID = res.data.orderID;
  184. // let decrypted = (Decrypt(res.data));
  185. // $('#endResult').html(decrypted);
  186. // decrypted = JSON.parse(decrypted);
  187. // gameID = decrypted.gameID;
  188. });
  189. });
  190. $("#sms").click(function () {
  191. mobile = $("#mobile").val();
  192. let params = { token: loginToken, mobile: mobile };
  193. // let encryptedData = Encrypt(JSON.stringify(params));
  194. $.post("http://www.weibo.cn/index/sendSmsCode", params, function (res) {
  195. $("#smsResult").html(JSON.stringify(res));
  196. // orderID = res.data.orderID;
  197. // let decrypted = (Decrypt(res.data));
  198. // $('#endResult').html(decrypted);
  199. // decrypted = JSON.parse(decrypted);
  200. // gameID = decrypted.gameID;
  201. });
  202. });
  203. $("#saveAddress").click(function () {
  204. code = $("#code").val();
  205. let params = {
  206. token: loginToken,
  207. orderID: orderID,
  208. isTopTen: false,
  209. name: "人人粉我",
  210. address: "上海东方明珠",
  211. mobile: mobile,
  212. code: code,
  213. };
  214. // let encryptedData = Encrypt(JSON.stringify(params));
  215. $.post("http://www.weibo.cn/index/saveAddress", params, function (res) {
  216. $("#saveAddressResult").html(JSON.stringify(res));
  217. // orderID = res.data.orderID;
  218. // let decrypted = (Decrypt(res.data));
  219. // $('#endResult').html(decrypted);
  220. // decrypted = JSON.parse(decrypted);
  221. // gameID = decrypted.gameID;
  222. });
  223. });
  224. }
  225. // 触发方法
  226. function callNative(name, value) {
  227. dataDom.innerHTML = navigator.userAgent;
  228. try {
  229. if (isWeChat && weChatUrl != null) {
  230. // 微信
  231. location.href = weChatUrl;
  232. } else if (isAndroid) {
  233. // H5调用安卓
  234. // 我传值
  235. dataDom.innerHTML = "设置值2";
  236. client.call(name, value);
  237. } else if (isiOS) {
  238. // H5调用ios
  239. dataDom.innerHTML = "设置值2";
  240. window.webkit.messageHandlers.calliOS.postMessage({ name, value });
  241. }
  242. } catch (e) {
  243. dataDom.innerHTML = "设置值3" + e;
  244. }
  245. }
  246. let dataDom = document.getElementById("data");
  247. function setData() {
  248. // 触发调用
  249. dataDom.innerHTML = "设置值1";
  250. // 下載圖片
  251. // downloadImg: 调用原生的方法名
  252. // 图片url: 写入需要传入的url
  253. // callNative('downloadImg', '图片url')
  254. // 调用code
  255. callNative("sendCode", "");
  256. }
  257. /**
  258. * 解密
  259. * @param word
  260. * @returns {*}
  261. */
  262. function Decrypt(word) {
  263. var key = CryptoJS.enc.Utf8.parse("yushenjianglinle");
  264. var decrypt = CryptoJS.AES.decrypt(word, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
  265. return CryptoJS.enc.Utf8.stringify(decrypt).toString();
  266. }
  267. //加密
  268. function Encrypt(word) {
  269. var key = CryptoJS.enc.Utf8.parse("yushenjianglinle");
  270. let srcs = CryptoJS.enc.Utf8.parse(word);
  271. let encrypted = CryptoJS.AES.encrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
  272. return encrypted.toString();
  273. }
  274. </script>
  275. </body>
  276. </html>