小程序架构揭秘

在刚刚闭幕不久的2017 腾讯全球合作伙伴大会上，腾讯首次发布其 AI 开放全景图，并围绕 AI 主线进行腾讯全产品线开放布局。无论在 AI 方面的战略计划，还是机器学习、计算机视觉、语音识别等 AI 技术的开放和落地，其背后都离不开云的支撑，这就好比 AI 是火箭，云计算是助推器。

在火爆的云计算市场，腾讯云一直以来都比较低调，但这并不妨碍他深耕自己的技术，并把技术优势发扬光大。近期腾讯云与极客邦科技共同在北京举办了一场题为“解码腾讯云软件架构与应用”的技术沙龙，来自腾讯云和知乎的六位技术专家，详细介绍腾讯云在小程序、视频业务、无服务器云函数、中间件等领域的技术储备，也分享他们的洞察。

用户如何能开发一款实用的小程序？

关于微信小程序，相信大家都并不陌生。讲师黄荣奎就小程序实现的的具体原理、如何开发一个简单的小程序等实战内容作了精彩的分享和诠释。黄荣奎首先给出了小程序的定义：小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

小程序是如何实现的

下图为小程序核心框架，分为三个大块，一块是视图层，也就是在整个页面的展示；一块是逻辑层，功能是什么，或者和后台的逻辑，都是在这层来做；最重要的一部分就是它底层提供的功能，就是点击、扫描二维码，或者调取一下它的硬件相关的一些接口，或者发起网络请求，这些都是在native 这层做的。

了解小程序的核心框架之后，黄荣奎着重讲解了各个模块之间的通信过程。首先，用户进行操作如点击登录的操作，点击了之后会调取后台的逻辑。具体的交互过程如下：

首先，通过View 展现，结合第一步，message 到 JSBridge，JSBridge 会通过 Webview，再结合 Native 方法，把事件成列到 Native 里面；

随后，信息流通过Native 再通过 JSCore 传递到 JSBridge，然后再通过 JSBridge 传递给 service，这样业务就会搜到消息；

Service 接受了消息之后会进行处理，通知给 View，View 接受了消息处理完了之后会发出一个消息，给 JSBridge，然后再通过 JSCore，到 Native；

最后再通过native 到 View，把 view 展示的结果通过 JSBridge 去告诉到 View，然后 View 会做界面展示的更改。

上图为各模块之间的通信视图，简而言之，当用户进行一个点击操作，进入到组件，里面指View，再到 JSBridge 到 view 和 Native，然后再到 service，然后在一步一步传到组件里面这样一个过程。

开发者如何能够方便快捷的开发小程序

小程序联合微信联合做了一个相对比较完整的解决方案。下图是一个后台的部署窗口，在右上角可以看到有一个腾讯的标识，在这里可以完成一些更加快捷方便的操作。一键自动配置可运行后台的环境。第二个是后台代码编写。第三是一键上传代码自动部署，第四远程调试。具体部署过程在此就不加以详述。

值得一提的是，在云上，小程序还提供了一些分装的比较高级的实用接口，其中包括Websocket 服务，图片鉴黄、语音识别，还有视频还有直播相关的一些东西，在这里都可以找到解决方案的。另外，一些比较高级的应用，比如图像识别 OCR，也可以提升到 SDK 里面去。据黄荣奎介绍，目前的腾讯 AI 图像识别已经在很多的业务中使用到了，准确率达到 99% 以上。