downloadapp.html 4.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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"
  10. rel="apple-touch-icon-precomposed"/>
  11. <!-- 以下为OpenInstall集成代码,建议在html文档中尽量靠前放置,加快初始化过程 -->
  12. <!-- 强烈建议直接引用下面的cdn加速链接,以得到最及时的更新,我们将持续跟踪各种主流浏览器的变化,提供最好的服务;不推荐将此js文件下载到自己的服务器-->
  13. <script type="text/javascript" charset="utf-8" src="https://web.cdn.openinstall.io/openinstall.js"></script>
  14. <script type="text/javascript">
  15. //OpenInstall初始化时将与OpenInstall服务器交互,应尽可能早的调用
  16. /*web页面向app传递的json数据(json string/js Object),应用被拉起或是首次安装时,通过相应的android/ios api可以获取此数据*/
  17. var data = OpenInstall.parseUrlParams();///openinstall.js中提供的工具函数,解析url中的所有查询参数
  18. new OpenInstall({
  19. /*appKey必选参数,平台为每个应用分配的ID*/
  20. appKey: "s0ml6b",
  21. /*可选参数,自定义android平台的apk下载文件名,只有apk在托管时才有效;个别andriod浏览器下载时,中文文件名显示乱码,请慎用中文文件名!*/
  22. //apkFileName : 'com.espressif.iot_esptouch_demo-vv1.1.1.apk',
  23. /*可选参数,是否优先考虑拉起app,以牺牲下载体验为代价*/
  24. //preferWakeup:true,
  25. /*自定义遮罩的html*/
  26. //mask:function(){
  27. // 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>"
  28. //},
  29. /*初始化完成的回调函数,可选*/
  30. onready: function () {
  31. /*在app已安装的情况尝试拉起app*/
  32. this.schemeWakeup();
  33. /*用户点击某个按钮时(假定按钮id为downloadButton),安装app*/
  34. var m = this, button = document.getElementById("downloadButton");
  35. button.style.visibility = "visible";
  36. button.onclick = function () {
  37. m.wakeupOrInstall();
  38. return false;
  39. }
  40. }
  41. }, data);
  42. </script>
  43. <link rel="stylesheet" href='https://res.cdn.openinstall.io/api_res/css/style.css'/>
  44. <style type="text/css">
  45. * {
  46. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  47. }
  48. html {
  49. /*可以选其中一种背景色*/
  50. background-blend-mode: multiply;
  51. background-image: url(https://res.cdn.openinstall.io/api_res/images/shape.png), linear-gradient(to top, #a3bded 0%, #6991c7 100%);
  52. height: 100%;
  53. color: #fff;
  54. }
  55. .channel-title {
  56. border: 1px dashed #fff;
  57. }
  58. .content-block a.channel-bt{
  59. background: rgba(16, 142, 233, 0.92);
  60. border-color: rgba(16, 142, 233, 96);
  61. }
  62. </style>
  63. </head>
  64. <body>
  65. <div class="content channel-page">
  66. <div class="page-index">
  67. <div style="padding-top: 20px;padding-left:10px">
  68. </div>
  69. <div class="udid-content channel-content">
  70. <img style="width: 72px; height: 72px" alt=""
  71. src="https://www.washpayer.com/app/img/esptouch.png"/>
  72. <p style="font-size:1.6rem;margin:2px auto;">WIFI配网</p>
  73. </div>
  74. <div style="padding-top: 1em">
  75. <p style="text-align: center;font-size: 1em;padding-top: 0.5em;"> 版本:v1.1.1</p>
  76. </div>
  77. <div class="channel-title">
  78. <p style="text-align: center;font-size: 1.6rem;font-weight: bold">WIFI配网</p>
  79. <p style="padding-top: 10px;text-indent: 2em; ">ESP-TOUCH采用的是 Smart Config(智能配置)技术来帮助用户将嵌入了 ESP8266EX 的设备连接至 Wi-Fi 网络。用户只需在手机上进行简单操作即可实现智能配置。</p>
  80. </div>
  81. <div class="content-block">
  82. <p style="text-align: center">
  83. <a id="downloadButton" href="javascript:;" style="visibility:hidden"
  84. class="button button-big udid-bt channel-bt">立即使用</a>
  85. </p>
  86. </div>
  87. </div>
  88. </div>
  89. </body>
  90. </html>