Web 前端技术在智能电动汽车行业的探索-谢晖.pdf

1、Web 前端技术在智能电动汽车行业的探索NIO/谢晖汽 车 内前 端 技 术 的 运 用Supply Chain ManagementAPP定制车辆，用户社区 官网发布会直播，车型展示 PLMSCMProduct Lifecycle Management行 业背景Context系统设计System Design未来&展望Future大纲Content应用案例Case背景Context车 辆 结 构V E H I C L E S T R U C T U R E系统设计System DesignRTOSAndroid.ChromiumWebViewQNX芯 片、网 络、存 储、雷 达、摄 像 头

2、车商城用户年报发布会直播ACRNseL4LinuxWeb ContainerVirtual MachineHardwareHypervisorWeb APP系统结构system infrastructureLinux可利用其开源的特性，完全掌控系统的界面设计和功能。Android作为车载娱乐系统，能够复用已有的应用生态。seL4作为一个通过形式化验证的微内核，带来了极高的系统安全性保证。QNX一个微内核实时操作系统，稳定性和安全性非常高，广泛用于汽车、铁路、航天等行业。实现方案ImplementationChromium PWA充分使用 Web 生态，提供近原生应用的交互体验。Android

3、WebView可以实现安卓组件和 Web 混合渲染。小程序充分复用已有的小程序生态。实现方案Implementation系 统 间 通 信C O M M U N I C A T I O NGuest VM 1Guest VM 2VirtIO DriverVirtIO DriverHypervisorVirtIO DeviceHardwareVirtIO DeviceDescriptor Ring描述符表，用于描述一组缓存。Used Ring已用环，前端驱动向后端设备传输数据。Available Ring可用环，后端设备向前端驱动传输数据。系统间通信communicationHypervisor

4、Guest VMCreate a GuestVirtIO DriverVirtIO DevicecreateprobeUsed RingDescriptor RingAvailable Ring多 屏 显 示M U L T I D I S P L A YSurfaceFlingerActivityPresentationHALDisplay 1Display 2X Window System采用 C/S 的架构模型，由一个 X 服务器与多个 X 客户端程序进行通讯。X Server提供硬件管理和屏幕绘制等功能。X Client处理服务器发送的事件，并将事件结果产生的新的绘图数据传回服务器。Ra

5、ndR一个 X 视窗系统扩展，可以用来控制多个显示器的大小、旋转、刷新率等。多屏显示Multi DisplayX ServerX Client 1X Client 2Display 1Display 2容 器 内 通 信C O M M U N I C A T I O N容 器 内 通 信C O M M U N I C A T I O NExpand JS APIChromiumBlinkWeb APPJavaScript容 器 内 通 信C O M M U N I C A T I O NWebIDLCLASSIMPLEMENTPropertyMethodNamespaceExtendExpos

6、edPropertyMethodPropertyMethod容 器 内 通 信C O M M U N I C A T I O N容 器 内 通 信C O M M U N I C A T I O NMOJO IPCChromiumContentChromiumRenderer容 器 内 通 信C O M M U N I C A T I O N应 用 分 发D I S T R I B U T I O N发布方式作用范围样例NOMI 新表情新增 JS APIHardwareVM/ContainerFOTASOTAHTTP