跨桌面端Web容器演进

随着客户端技术的逐渐发展，Web容器已经深入客户端，为客户端构建了丰富多彩的页面和交互体验，成为客户端的一个不可或缺的重要组成部分。在千牛客户端上，Web容器不仅承载了千牛的开放容器（经历了H5插件到千牛小程序的变革），而且一些核心功能，比如聊天窗口，消息中心，也都是由Web容器承载的。

一开始，Web容器在不同的操作系统有各自的选择，比如在Widnows上的IE内核，而在Macos用WKWebview。但是随着Chrome的发展，渐渐的Chromium开始一统江湖。大家也开始基于开源的Chromium定制自己的内核。自己定制的内核不仅有着跨端的特性，而且能很好的支持前端的业务诉求。千牛也在此时定制了自己的web容器AEF，全称Application Embedded Framework。

▐  容器框架切换

于是，我们决定将Web容器框架从AEF升级到CEF，并且在千牛上做了相应的改造。以其能平滑的迁移到CEF框架之上。Chromium本身是多进程架构的，Chromium为了保护应用程序不受某个页面的影响，将js引擎和渲染部分都独立到了Render进程。而且在新的内核中，网络，本地存储都隔离到Render进程。而Browser则对应应用程序的UI管理进程。在通常的CEF框架应用程序中，应用程序即担负起Browser进程的责任，应用程序整个UI消息泵由CEF托管。这也是合情合理的，因为Browser本身就是UI的管理进程，要响应窗口的创建销毁事件，所以，一开始，千牛是包含了Chromium的主进程的。但是，正如Chromium架构本身，Render的崩溃会影响应用程序的稳定性，Browser的异常一会影响到千牛的稳定性。为此，我们决定将Browser进程从千牛进程中剥离，从而保证千牛进程的独立性。在Browser崩溃时，我们还做了守护，保障Browser进程在崩溃后能自行恢复。

千牛的多进程架构

Browser进程隔离的前提是操作系统支持父子窗口能够跨进程，千牛中是由webview容器决定窗口的位置，并将句柄告知浏览器进程。并且Windows系统下，父子窗口可以在不同的进程中通信，但MacOS系统限制了这一点。为此我们需要一种灵活的方式，使得 Windows系统下Browser进程能独立于千牛进程，而MacOS下千牛和Browser则是一体的。为此，我们借鉴Chromium内核的mojo通信，设计了一套RPC通信框架，用于千牛和Browser之间的通信。又借助组件化编程的思维，设计了远程组件的概念。让工程可以想搭积木式的选择自己的架构。

▐  远程组件

组件，大家都知道，它是模块化编程的一种方式，有着高内聚低耦合的特点。利用它可以实现搭积木式的编程。我们的组件也是学习了Microsoft的COM技术来实现的。那么远程组件是什么概念呢？远程组件也是组件，但它不提供真正的服务，一般情况下需要通过RPC连接到真正的组件上，通过RPC调用进而提供服务。使用者不关心自己调用的组件是远程组件还是真正提供服务的组件。而工程化时只需要通过搭积木的拼接部署，就可以实现产品的架构调整。我们这里在千牛中，就是通过这种方式实现的。

远程组件的实现方式

熟悉COM的人都知道，组件中有一个ClassID的概念，可以叫他类ID，意思一套组件化接口可以有多种实现。我们这里WebViewRemote和WebViewLocal实际上都是WebView，只是一个ClassID是Remote，另一个是Local。Remote即远程组件，而Local则是真正提供服务的组件。后续加入我们能提供多种进程间通信方式的话，我们的ClassID还可以根据通信方式来扩展，比如zmq，mojo等。目前我们只实现了一套基于Chromium IPC的进程间通信方式，在IPC通信的基础上，我们加上了rapid_json的序列化方式。封装到了RPCFramework中，为我们的远程组件提供通信支撑。

▐  全新JS注入方式

不管是AEF和CEF，JS的注入和本地C++的通信都是业务的一个重要基点。但从结构中我们看到js的注入和c++的交互代码通常会封装在一个dll插入Render进程中，而业务通常在Aliworkbench千牛进程中。中间需要Browser进程进行事件的转发作为通信的桥梁。为此增加一个js注入节点需要3个不同地方实现相应代码，开发十分不方便。在新的WebView内部，我们提供了一个灵活的接口，在接口内，通过远程组件对通信进行了封装，并且自动创建的js节点注入的代码。使调用者更多的关注业务的本身，而无需关心内部注入流程、js和c++交互流程和序列化相关等这些繁琐的步骤。

新的接口不再需要通过dll注入js节点

我们是大淘宝技术部行业与商家技术跨终端技术团队，业务上负责为千万级商家打造最高效的一站式工作台千牛，为淘宝上亿商家和消费者提供稳定高效的端到端消息IM服务；技术上深耕C++跨终端及PC桌面端技术（Windows&Mac），为商家，消费者提供稳定，可靠，高效的客户端产品。