download.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <html>
  2. <head>
  3. <meta charset="utf-8" />
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5. <title>微付乐WIFI配网</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  7. <meta name="apple-mobile-web-app-capable" content="yes" />
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  9. <link href="https://res.cdn.openinstall.io/apk_icon/s0ml6b/6076159137399086073-1597815057269.png" rel="apple-touch-icon-precomposed" />
  10. <!-- 以下为OpenInstall集成代码,建议在html文档中尽量靠前放置,加快初始化过程 -->
  11. <!-- 强烈建议直接引用下面的cdn加速链接,以得到最及时的更新,我们将持续跟踪各种主流浏览器的变化,提供最好的服务;不推荐将此js文件下载到自己的服务器-->
  12. <script type="text/javascript" charset="utf-8" src="https://web.cdn.openinstall.io/openinstall.js"></script>
  13. <script type="text/javascript">
  14. //OpenInstall初始化时将与OpenInstall服务器交互,应尽可能早的调用
  15. /*web页面向app传递的json数据(json string/js Object),应用被拉起或是首次安装时,通过相应的android/ios api可以获取此数据*/
  16. var data = OpenInstall.parseUrlParams();///openinstall.js中提供的工具函数,解析url中的所有查询参数
  17. new OpenInstall({
  18. /*appKey必选参数,平台为每个应用分配的ID*/
  19. appKey : "s0ml6b",
  20. /*可选参数,自定义android平台的apk下载文件名,只有apk在托管时才有效;个别andriod浏览器下载时,中文文件名显示乱码,请慎用中文文件名!*/
  21. //apkFileName : 'com.espressif.iot_esptouch_demo-vv1.1.1.apk',
  22. /*可选参数,是否优先考虑拉起app,以牺牲下载体验为代价*/
  23. //preferWakeup:true,
  24. /*自定义遮罩的html*/
  25. //mask:function(){
  26. // return "<div id='_shadow' style='position:fixed;left:0;top:0;background:rgba(0,255,0,0.5);filter:alpha(opacity=50);width:100%;height:100%;z-index:10000;'></div>"
  27. //},
  28. /*初始化完成的回调函数,可选*/
  29. onready : function() {
  30. /*在app已安装的情况尝试拉起app*/
  31. this.schemeWakeup();
  32. /*用户点击某个按钮时(假定按钮id为downloadButton),安装app*/
  33. var m = this, button = document.getElementById("downloadButton");
  34. button.style.visibility = "visible";
  35. button.onclick = function() {
  36. m.wakeupOrInstall();
  37. return false;
  38. }
  39. }
  40. }, data);
  41. </script>
  42. <link rel="stylesheet" href='https://res.cdn.openinstall.io/api_res/css/style.css' />
  43. <style type="text/css">
  44. *{
  45. -webkit-tap-highlight-color:rgba(0,0,0,0);
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div class="content channel-page">
  51. <div class="page-index">
  52. <div style="padding-top: 20px;padding-left:10px">
  53. </div>
  54. <div class="udid-content channel-content">
  55. <img style="width: 72px; height: 72px" alt="" src="https://res.cdn.openinstall.io/apk_icon/s0ml6b/6076159137399086073-1597815057269.png" />
  56. <p style="font-size:1.6rem;margin:2px auto;">微付乐WIFI配网</p>
  57. </div>
  58. <div style="padding-top: 1em">
  59. <p style="text-align: center;font-size: 1em;padding-top: 0.5em;color: #282828"><img src='https://res.cdn.openinstall.io/api_res/images/android.png' alt="" style="vertical-align: middle;margin-right: 0.5em;width: 16px"/>序号:1 / 版本:v1.1.1</p>
  60. </div>
  61. <div class="channel-title">
  62. <p>微付乐WIFI模块配网</p>
  63. </div>
  64. <div class="content-block">
  65. <p style="text-align: center">
  66. <a id="downloadButton" href="javascript:;" style="visibility:hidden" class="button button-big udid-bt channel-bt">立即使用</a>
  67. </p>
  68. </div>
  69. </div>
  70. </div>
  71. </body>
  72. </html>