小程序实时运行工具 wept 的开发已经基本完成了, 你可以通过我的代码对小程序的 web 环境实现有更全面的认识。下面我将介绍它的实现过程以及实时更新的原理。
小程序 web 服务实现我在 wept 的开发中使用 koa 提供 web 服务,以及 et-improve 提供模板渲染。
第一步: 准备页面模板我们需要三个页面,一个做为控制层 index.html,一个做为 service 层service.html,还有一个做为 view 层的 view.html
index.html:
- <div class="head">
- </div>
- <div class="scrollable">
- </div>
- <div class="tabbar-root">
- </div>
- <script>
- var __wxConfig__ = {{= _.config}}
- var __root__ = '{{= _.root}}'
- </script>
- <script src="/script/build.js"></script>
service.html:
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link href="https://res.wx.qq.com/mpres/htmledition/images/favicon218877.ico" rel="Shortcut Icon">
- <script>
- var __wxAppData = {}
- var __wxRoute
- var __wxRouteBegin
- global = {}
- var __wxConfig = {{= _.config}}
- </script>
- <script src="/script/bridge.js" type="text/javascript"></script>
- <script src="/script/service.js" type="text/javascript"></script>
- {{each _.utils as util}}
- <script src="/app/{{= util}}" type="text/javascript"></script>
- {{
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。
相关文章
-
微信小程序 轮播图 swiper图片组件
2016-11-23 09:49
-
微信小程序 开发 微信开发者工具 快捷键
2016-11-23 09:49
-
微信小程序 页面跳转 传递参数
2016-11-23 09:49
-
微信小程序 如何获取时间
2016-11-23 09:49
网友点评
热门资讯
关注我们
关注微信公众号,了解最新精彩内容