**uni-app x**，下一代uni-app，一个神奇的产品。用vue语法、uni的组件、api，以及uts语言，编译出了`kotlin`的app。不再使用js引擎和webview。纯纯的kotlin原生app。 uni-app x，让“跨平台开发性能不如原生”的这条曾广为流传的规则，扔进了历史的垃圾桶！ ## uni-app x原理简析当`uni-app x`整体推到你面前时，你可能觉得难以想象，怎么可能编译为纯原生App？uni-app过去之所以能跨平台，是因为js是跨平台的啊。所谓，成也萧何败也萧何，而uni-app过去在app上性能不如原生，也很大程度是因为js和原生的交互通信阻塞问题。简述下`uni-app x`的原理。其实uni-app x使用的不是js，而是DCloud在2022年发布的`uts`语言。这是一种基于ts改造的语言，改造的目的就是让它可以全平台编译。我们知道js和原生语言的差异性主要在于`类型`和`动态性`。而ts已经为js提供了类型。uts是在ts的基础上，融合`kotlin`和`swift`的特性，抽象出了一套全平台可用的编译型语言。 uts在不同平台，编译为不同的产物： - 在Web中编译为js - 在iOS中编译为swift - 在Android中编译为kotlin 然后DCloud又基于uts开发了`uvue`的ui引擎，可使用vue语法来开发界面，再补上uni的组件和api，最终形成了你目前看到的uni-app x。让你使用熟悉的代码、跨平台的方式，却能写出和原生的功能性能完全一致的app。而且有趣的是，我们与原生开发者交流，发现使用uni-app x开发应用，比原生开发要快非常多。 ## 案例很多开发者都在关注着uni-app x，等待先行者趟坑。这几个月来，很多先行者已经发布了他们的基于`uni-app x`的产品。而`HBuilderX`也发布了里程碑的3.98正式版，已经可以支撑商业应用。 ### 快亿商城这是一个云端一体的、完整的电商项目。客户端、服务器，甚至还包括管理端：快亿商城管理端 ![640.jpeg](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/61ffac50191d417282ea03f76b886cfd~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1080&h=2280&s=239232&e=jpg&b=faf9f9) ### t-uvue-ui 这是一个丰富的ui库，解救那些不擅长界面的开发者。当然即便是擅长界面开发的，使用这个组件库也能提升不少开发效率。 ![ux-02.jpeg](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/100af19288944eb1bc003b3bf16a2581~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1080&h=2400&s=129234&e=jpg&b=fdfdfd) ![ux-03.jpeg](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4e19d09e1e284cd8981c2a6297b9727a~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1080&h=2400&s=102721&e=jpg&b=e3e0e0) ### uXui graceui作者的免费开源组件库组件库，[详见](https://ext.dcloud.net.cn/plugin?id=15726#detail) ![uxui-01.jpg](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/07c327fa03b04845a978085ce7ab0e53~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=950&h=369&s=38675&e=png&b=327af6) ![uxui-02.jpg](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a1c286e481094618a3daac5828b6f9d4~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=950&h=855&s=121363&e=png&b=fcfcfc) ## 快速体验欢迎你也来体验uni-app x这个神奇的产品：用你熟悉的代码，开发出原生的Android App。 ``` ``` 体验uni-app x的真实效果，在外部浏览器里下载[hello uni-app x的apk](https://uniappx.m3w.cn/)，或扫描下方二维码。 ![ux-04.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b4c87c17495846a284ffb22bc6869355~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=400&h=400&s=4114&e=png&b=fbfffd) hello uni-app x 演示了uni-app x目前支持的所有内置组件、API、以及诸多页面模版。 ![ux-05.jpeg](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/06df63738f034a05a66814a71906e751~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1080&h=2340&s=95846&e=jpg&b=fbfbfb) ## 质量 `uni-app x`从源头重视产品质量，第一个版本就支持自动化测试。并已为uni-app x产品编写了几十个测试工程、数十万行测试例代码。虽然这些工作导致`uni-app x`初期的迭代速度变慢。但让uni-app x的质量水平大幅提升。每天晚上DCloud内部众多机器在运行这些自动化测试代码，除了监控质量，还在监控启动速度、包体积大小、内存占用等各种关键指标。 ## 插件大赛及生态由于uts编译为kotlin，也就是kotlin在Android上能用的api、能用的三方sdk，uni-app x里都可以用。 ``` ``` 上面的示例，在页面启动时打印了2行日志，显示手机型号。 - uni.getSystemInfoSync，是uni的api - import的Build，是Android os的api 在uni-app x里，可以直接调用os的能力，不受限制，语法是uts的语法，但需要了解什么功能在原生里是哪个api。使用`uni.getSystemInfoSync`则比较简单，看uni的文档即可，且可跨平台。其实，uni.getSystemInfoSync 的内部实现就是一个uts模块，底层使用了一样的代码，也是import了android.os.Build。 uni.的api，大多是uts开发的，它们都开源在[uni-api仓库](https://gitcode.net/dcloud/uni-api) `uni-app x`作为一个原生应用，自然可以使用原生的各种sdk，包括flutter、react native、cocos、unity等原生sdk，均可集成使用。在插件市场，有基于uni-app x的各种作品。 DCloud官方的： - [App升级中心](https://ext.dcloud.net.cn/plugin?id=4542) - [uni-id-pages-x](https://ext.dcloud.net.cn/plugin?id=15456) 三方项目： - [快亿商城](https://ext.dcloud.net.cn/plugin?id=15458)，云端一体完整的电商项目，还包括管理端：[快亿商城管理端](https://ext.dcloud.net.cn/plugin?id=15568) - [考试答题模板](https://ext.dcloud.net.cn/plugin?id=15298) - [短视频模板](https://ext.dcloud.net.cn/plugin?id=15206) ui库： - [t-uvue-ui](https://ext.dcloud.net.cn/plugin?id=15571) ：丰富的组件库 - [easyX电商组件库](https://ext.dcloud.net.cn/plugin?id=15602)：电商业务常见的各种组件库还有各种原生扩展的ui组件和api插件。目前已有数百款适配uni-app x的插件。随着插件大赛的开展，uni-app x周边生态在如火如荼的丰富中。当然，也欢迎你来参加插件大赛，夺取丰厚的产品。插件大赛介绍详见：[https://ask.dcloud.net.cn/article/40812](https://ask.dcloud.net.cn/article/40812) ## 路线图 uts语言是iOS、Android、鸿蒙全平台都支持的。目前uni-app x已正式支持iOS、安卓、鸿蒙、Web、微信小程序等多个平台。更多需求，欢迎到需求墙投票：[https://vote.dcloud.net.cn/#/?name=uni-app%20x](https://vote.dcloud.net.cn/#/?name=uni-app%20x) 说的再多，如果不能帮助你切实提高开发效率、提升应用性能，那都没用。 ## 橄榄枝欢迎进入uni-app x的世界亲身一试。点击[https://uniapp.dcloud.net.cn/uni-app-x/](https://uniapp.dcloud.net.cn/uni-app-x/)，阅读uni-app x的官方文档。欢迎对uni-app团队感兴趣的各位同学，投简历到 hr2013@dcloud.io，这是一个纯粹的工程师团队，公司90%的职员都是写代码的工程师，无需见客户写方案，大部分都有原始股权，欢迎有好奇心、追求卓越的极客加盟。