May 29, 2021 Article blog
Based on compatibility and inheritance of all
APIs,
modules, technology stacks, and user experiences of APICloud, APICloud defines a new set of code writing standards (DSLs): based on the standard Web Components componentization idea, compatible with
Vue/React
syntax features, compiled into APP, small program code, and multi-ended development in one encoding.
App code runs with DeepEngine 3.0, a fully translated operating principle that provides a fully native experience and performance.
Developers write code in development tools and form a virtual dom that compiles into apps, H5s, and small program platforms using compilation tools such as webpack and rollup. R un the entire V8JavaScript-based engine when compiled to the app platform, plus the combination of avm .js to render or execute developer-written code, browser-based or system-owned webview, with the help of avm.js render directly to the browser or webview real dom. The corresponding program code is to generate the small program syntax directly.
After nearly a decade of development, cross-platform technology and ecology are now stabilizing, enterprises and developers have formed a consensus on cross-platform technology, and large-scale application to a variety of business scenarios.
During this time, cross-platform technologies separate two main directions:
Instead of relying on Webview, this pattern's APP engine enables fully native rendering with more complex code logic from JS-Runtime, such as the V8/JSCore engine, while extending and refining JS/Native's communication mechanisms, well-packaged components, and system capabilities. This direction not only continues the front-end development system, but also maximizes rendering performance, representing the technology for React Native, Weex.
APICloud DeepEngine 3.0 supports both technology models, allowing developers to freely choose one of these methods for development in the same APP.
DeepEngine uses a fully translated principle to compile Javascript into the Native API, providing a fully native experience and performance for the APP.
In the big front-end technology world, when we encounter problems that need to be addressed repetitively, we often consider designing a Domain-Specific Language or abstracting a framework layer specifically to address these similar issues. With DSL, we don't need to write multiple sets of code for a particular terminal, but we can also take advantage of the abstraction of the host language to ensure consistency and developer-friendly rendering of each terminal.
Common DSLs are: react-supported JSX syntax, Vue-defined SFC structure and
v-*
set, WeChat applet WXML/WXS syntax, and more.
These DSLs are eventually compiled into target code, published directly on the small program platform, or run on apps and web browsers with JS-Runtime.
The APICloud View Model Framework is a DSL intermediate language programming framework designed based on a subset of standard H5 and currently has the following capabilities:
APICloud DSLs can eventually be compiled into standard JS, rendered via DeepEngine to the app and web, or compiled into WeChat small program code for WeChat small program platform publishing.
Development tools are the "soul mates" of developers throughout their careers. T here are many popular and proven tools on the market for multi-faceted development, such as VSCode, Sublime, WebStorm, and more. Because of the personalization of multi-ended technology DSL, if you can provide "standardization, industry and customization" of the full process development tools, including complete coding, debugging, and publishing capabilities, multi-ended development work can be done with less, so such as WeChat and Alipay's small program development process, are provided in line with their own business characteristics of the IDE.
Take the APICloud Studio3 multi-ended development tool, which is based on industry-leading code editor -VSCode Deep Customization, which supports running on Windows, Mac, and Linux systems, building on all the capabilities of VSCode:
A multi-terminal unified compilation environment is a collection of tools such as code analysis, syntax analysis, translation, and refactoring, which compiles DSLs into the target programming language, such as Less as CSS. In the field of multi-ended technology, a multi-ended compilation environment is responsible for compiling DSLs into standard JS and Html code that can be executed in a JS engine or web browser, as well as code that complies with the technical standards of small programs such as WeChat or Alipay.
The successfully compiled standard JS code runs in a cross-platform APP engine to implement app-side functionality; This results in a set of code that can be deployed simultaneously to the app, the small program, and the H5 side.
APICloud multi-terminal compilation environment currently supports the use of class Html5 technology to achieve multi-terminal development, without the need to build a specific terminal compilation environment, one-click cloud compilation can generate high-quality target terminal code, high availability, conducive to secondary development. Supports compilation as Android/iOS APP, WeChat apple app, and standard H5.
The above is provided by APICloud, a low-code development platform, who would like to learn more about the recommended Learning Programming Lion (w3cschool.cn) free course, APICloud (3.0)-APP-App-Small Program Live Development Training.