小程序技术实现

小程序技术实现

 小程序的UI视图和逻辑处理是用多个webview实现的，逻辑处理的JS代码全部加载到一个Webview里面，称之为AppService，整个小程序只有一个，并且整个生命周期常驻内存，而所有的视图（wxml和wxss）都是单独的Webview来承载，称之为AppView。所以一个小程序打开至少就会有2个webview进程，正是因为每个视图都是一个独立的webview进程。

 

AppService

 可以理解AppService即一个简单的页面，主要功能是负责逻辑处理部分的执行，底层提供一个WAService.js的文件来提供各种api接口，主要是以下几个部分：

 1、 消息通信封装为WeixinJSBridge

 2、日志组件Reporter封装

 3、wx对象下面的api方法

 4、全局的App,Page,getApp,getCurrentPages等全局方法

 5、还有就是对AMD模块规范的实现

 

AppView

 这里可以理解为h5的页面，提供UI渲染，底层提供一个WAWebview.js来提供底层的功能，具体如下：

 1、消息通信封装为WeixinJSBridge

 2、日志组件Reporter封装

 3、wx对象下的api

 4、小程序组件实现和注册

 5、VirtualDOM，Diff和Render UI实现

 6、页面事件触发

 

Service和View通信

 使用消息publish和subscribe机制实现两个Webview之间的通信，实现方式就是统一封装一个WeixinJSBridge对象，而不同的环境封装的接口不一样