多终端开发|统软云多终端开发原则

一次性开发和多端部署的原则是什么？统软云的多终端开发技术可以一次性编码，并分别编译成APP和小程序代码，以实现多终端开发；APP代码使用DeepEngine 3.0运行，完全翻译的操作原理提供了完全原生的体验和性能。

整个统软云多终端技术的工作原理开发人员在开发工具中编写代码并形成虚拟dom，通过webpack、rollup等编译工具将其编译到app、H5和applet平台。当编译到app平台时，基于V8 JavaScript的整个引擎运行，并带有avm。js的常见功能是渲染或执行开发人员编写的代码。代码基于浏览器或系统提供的webview，avmJs直接呈现给浏览器或webview realdom。相应的小程序代码直接生成小程序语法。

统软云在多终端技术方面的四大核心能力：经过近十年的发展，跨平台引擎技术和生态现已稳定。企业和开发者已就跨平台技术达成共识，该技术广泛应用于各种业务场景。

在此期间，跨平台技术分为两个主要方向：

混合方向：即HTML5+；原生混合开发就是我们通常所说的混合开发：通过HTML5快速实现APP的UI布局和业务逻辑。在开发过程中，如果HTML5涉及HTML5无法实现的功能或体验不佳，则可以通过原生模块实现。这种模式的APP引擎整体基于Webview架构，对前端开发人员友好，并以庞大的前端为后盾；JavaScript生态，前端开发人员可以在不学习新技术的情况下开发app。该方向的代表性技术有Cordova、AppMobi、Ionic等。

中间语言（DSL）的编译方向：开发过程需要使用特定语法编写APP代码，代码通过编译环境编译成；安卓/；iOS原生APP。开发人员不需要学习Android&；IOS原生技术和Java、Object-C、C/C++等复杂的开发语言。

此模式的APP引擎不依赖Webview，而是依赖虚拟机，如V8/；JSCore引擎通过JS Runtime实现了更复杂的代码逻辑，以满足交互处理、通信和状态管理的要求，同时扩展和改进了JS/Unative的通信机制，封装了完整的组件和系统功能，以实现完全的本地渲染。这个方向不仅延续了前端开发系统，而且最大化了渲染性能。代表性技术是React Native、Weex

统软云 DeepEngine 3.0同时支持上述两种技术模式，允许开发者在同一APP中自由选择其中一种模式进行开发。

DeepEngine使用完全翻译的原理将Javascript编译成Native API，为APP提供完全的本地体验和性能。

跨端JS架构在大型前端技术领域，当我们遇到重复性问题时，我们通常会考虑设计DSL（领域特定语言）或抽象框架层来解决这些类似问题。使用DSL，我们不需要为特定终端编写多组代码。我们还可以利用宿主语言的抽象能力，确保每个终端渲染效果的一致性，并对开发人员友好。

常见的DSL包括React支持的JSX语法、Vue定义的SFC结构和v-*指令集、微信小程序的WXML/WXS语法等。

统软云视图模型框架是基于标准H5子集设计的DSL中间语言编程框架。目前，它具有以下功能：

虚拟DOM：通过虚拟DOM，渲染到不同的终端，充分尊重系统特性，对不同的终端进行差异化处理，实现高效渲染；

组件化：具有高重用性、可组合性和可维护性的架构设计隐藏了复杂的DOM结构和行为，允许开发人员专注于app的功能和外观；

数据绑定：轻松将数据源绑定到app用户界面，降低逻辑复杂性和开发难度；

状态管理和路由：有效分离