微信小程序架构分析 (下)

微信小法度榜样架构分析 (下)

【引自第九法度榜样的博客】这一篇拖了一段时光，原因是实现一个可以运行微信小法度榜样的 web 情况比我想象中要艰苦一些，这一方面是因为微信对于代码进行了紧缩混淆，另一方面重要原因是开辟者对象内部逻辑调用比较复杂(难怪 bug 不少)，完全无法拿出来重用。

小法度榜样 web 办事实现

用 koa 实现的代码逻辑异常简单：

第一步：预备页面模板

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=http://developer.51cto.com/art/201706/"/script/build.js"></script>

service.html:

<head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <link href=http://developer.51cto.com/art/201706/"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=http://developer.51cto.com/art/201706/"/script/bridge.js" type="text/javascript"></script> 
  <script src=http://developer.51cto.com/art/201706/"/script/service.js" type="text/javascript"></script> 
  {{each _.utils as util}} 
  <script src=http://developer.51cto.com/art/201706/"/app/{{= util}}" type="text/javascript"></script> 
  {{/}} 
  <script src=http://developer.51cto.com/art/201706/"/app/app.js" type="text/javascript"></script> 
  {{each _.routes as route}} 
  <script> var __wxRoute = '{{= route | noext}}', __wxRouteBegin = true;</script> 
  <script src=http://developer.51cto.com/art/201706/"/app/{{= route}}" type="text/javascript"></script> 
  {{/}} 
	
			 1/8    1 2 3 4 5 6 下一页 尾页	
			

　　推荐阅读
　　CIO半月刊第十二期|打造“智慧交通”，保障城市高效、安全、智能化运行
            
            【义务编辑：谢海平 TEL：（010）68476606】

            >>>详细阅读


本文标题：微信小程序架构分析 (下)
地址：http://www.17bianji.com/lsqh/35676.html
 1/2    1