【腾讯Bugly干货分享】一起脱去小程序的外套 - 微信小程序架构解析

本文来自于腾讯Bugly公众号（weixinBugly），未经作者同意，请勿转载，原文地址：http://mp.weixin.qq.com/s/3QE3g0NmaBAi91lbrihhVw

导语

微信小程序的公测掀起了学习小程序开发的浪潮，天生跨平台，即用即走、媲美原生体验、完善的文档、高效的开发框架，小程序给开发者带来了很多惊喜。通过这篇文章和大家一起分析小程序的架构，分享开发经验。

一、小程序介绍

1、小程序特点

2、小程序演示

视频地址：https://v.qq.com/x/page/w0353d7co6y.html

3、小程序为什么那么快

• Page Frame
• Native预先额外加载一个WebView
• 当打开指定页面时，用默认数据直接渲染，请求数据回来时局部更新
• 返回显示历史View
• 退出小程序，View状态不销毁

4、小程序入口

• 扫码进入小程序
• 搜索小程序
• 小程序发送到桌面(Android)
• 发送给朋友

二、小程序架构

微信小程序的框架包含两部分View视图层、App Service逻辑层，View层用来渲染页面结构，AppService层用来逻辑处理、数据请求、接口调用，它们在两个线程里运行。

视图层使用WebView渲染，逻辑层使用JSCore运行。

视图层和逻辑层通过系统层的JSBridage进行通信，逻辑层把数据变化通知到视图层，触发视图层页面更新，视图层把触发的事件通知到逻辑层进行业务处理。

小程序启动时会从CDN下载小程序的完整包