Skip to content

Latest commit

 

History

History
44 lines (37 loc) · 1.19 KB

h5如何发布和部署.md

File metadata and controls

44 lines (37 loc) · 1.19 KB
Raw

h5如何发布和部署

  • 每个页面有一个模板文件，代码如下：
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>示例</title>
  <style>html, body {width: 100%;height: 100%;background: #eeeeee;}</style>
  <script src="//g.alicdn.com/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
  <script src="//g.alicdn.com/weex/weex-html5/0.3.4/weex.min.js"></script>
</head>
<body>
  <div id="weex" style="padding-top: 20px;"></div>
  <script>
  (function () {
    function getUrlParam (key) {
      var reg = new RegExp('[?|&]' + key + '=([^&]+)')
      var match = location.search.match(reg)
      return match && match[1]
    }

    var loader = getUrlParam('loader') || 'xhr'
    var page = getUrlParam('_wx_tpl') || 'build/index.bundle.js'

    window.weex.init({
      appId: location.href,
      loader: loader,
      source: page,
      rootId: 'weex'
    })
  })();
  </script>
</body>
</html>

  • 只需将模板文件发送到服务器端即可；

  • 每个.we的页面build后的bundle.js可以通过在这个url上的参数传入，这样改we代码可以单独发布CDN；

  • 如果想做离线化，可以把h5的weex库和bundle.js一起缓存到manifest中；