目前常见的多终端编译环境有:
lMpvue(美团):支持将Vue语法编译为小程序和H5,支持微信、支付宝等小程序
Taro(京东):支持将React语法编译为小程序和H5,支持微信、支付宝等小程序,同时支持生成React Native app
Hippy(腾讯):同时支持将Vue和React语法编译为微信小程序和H5
Chameleon(滴滴):支持将其CML语法编译到Web、小程序、Weex APP等多种终端
一、千语创想多端开发
在兼容和继承千语创想所有API、模块、技术栈以及用户体验的基础上,千语创想定义了一套新的代码编写标准(DSL):基于标准Web Components组件化思想,兼容Vue / React语法特性,通过一次编码,分别编译为APP、小程序代码,实现多端开发。
APP代码使用DeepEngine3.0运行,全翻译式的运行原理提供完全原生的体验和性能。
二、千语创想整个多端技术的工作原理
开发者在开发工具中编写代码并形成一个虚拟dom,通过webpack、rollup等编译工具分别编译到app、H5以及小程序平台。在编译到app平台时整个运行基于V8JavaScript的引擎去运行,加上avm.js共同作用去渲染或者执行开发者编写的代码,基于浏览器或者系统自带的webview,代码借助于avm.js直接渲染到浏览器或者webview真实dom上。而对应小程序代码,则是直接生成小程序语法。
三、千语创想在多端技术的4个核心能力
跨平台引擎
千语创想 跨平台引擎Deep Engine3.0直接使用V8JavaScript的引擎作为底层逻辑引擎,纯原生渲染可以为开发者带来性能和体验上的提升。无论是对侧重业务与流程的电商、资讯、O2O、教育、金融行业还是IOT、直播、游戏等对功能及交互要求高的领域都可以提供良好的应用开发支持。
在多端的背景下,千语创想从已有的技术提取精华,构建出全新的跨端框架avm.js。AVM跨端框架是一个高性能 JavaScript框架,更趋近于原生的编程体验,同时延续Html5开发者习惯。通过提供简洁的模型来分离应用的用户界面、业务逻辑和数据模型,适合高度定制化的项目。基于标准Web Components组件化思想,兼容Vue / React语法特性,通过一次编码,同时编译到Android / iOS app、H5、以及微信小程序多个端,具备组件化,SFC规范,数据绑定,状态管理,原生渲染等能力。
全流程开发工具
千语创想全流程开发工具千语创想 Studio3.0,基于vscode深度定制,可以快速构建多端应用,兼容avm语法,同时支持Svn/Git,并且完全兼容千语创想 Studio2.0, 2.0当中所具备的例如真机同步调试,编码代码管理、项目管理功能完全支持。
{"devices":[],"ips":["192.168.13.48"],"port":10916} (二维码自动识别)
统一编译环境
开发者不需要搭建特定的终端编译环境,通过APCIoud控制台一键编译即可生成安卓、小程序、H5等多端程序包。
四、千语创想多端开发项目源码教程
为了让开发者更加快速的学习和了解千语创想多端开发技术,千语创想官方持续推出多个项目的源码教程,包含视频和源码解析文档,感兴趣的可以去github上搜索"qianyuthink",或者点击下面链接直达:
企业应用展示项目源码解析:qianyuthinkcom/company-display
外卖点餐应用源码解析文档:杨永安/ordering-food
教育培训应用项目源码解析:qianyuthinkcom/education-training
服饰商城应用项目源码解析:qianyuthinkcom/online-dres
生鲜电商应用项目源码:qianyuthinkcom/fresh-ec