欢迎使用uni-app x，一个纯原生的Android App开发工具

全网转载 • 2024年4月27日 00:19 • 热点 • 阅读 262

uni-app x，下一代uni-app，一个神奇的产品。

用vue语法、uni的组件、api，以及uts语言，编译出了kotlin的app。不再使用js引擎和webview。纯纯的kotlin原生app。

uni-app x，让“跨平台开发性能不如原生”的这条曾广为流传的规则，扔进了历史的垃圾桶！

很多开发者都在关注着uni-app x，等待先行者趟坑。

这几个月来，很多先行者已经发布了他们的基于uni-app x的产品。而HBuilderX也发布了里程碑的3.98正式版，已经可以支撑商业应用。

快亿商城

这是一个云端一体的、完整的电商项目。客户端、服务器，甚至还包括管理端：快亿商城管理端

t-uvue-ui

这是一个丰富的ui库，解救那些不擅长界面的开发者。当然即便是擅长界面开发的，使用这个组件库也能提升不少开发效率。

欢迎你也来体验uni-app x这个神奇的产品：用你熟悉的代码，开发出原生的Android App。

template>
view class="content">
button @click="buttonClick">{{title}}button>
view>
template>

script> //注意这里编写的是uts，是ts的变种
export default {
data() {
return {
				title: "Hello world"
}
},
onLoad() {
			console.log('onLoad')
},
		methods: {
			buttonClick: function () {
				uni.showModal({
"showCancel": false,
"content": "点了按钮"
})
}
}
}
script>

style>
.content {
width: 750rpx;
background-color: white;
}
style>

体验uni-app x的真实效果，在外部浏览器里下载hello uni-app x的apk，或扫描下方二维码。

快捷目录

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开发应用，比原生开发要快非常多。

插件大赛及生态

由于uts编译为kotlin，也就是kotlin在Android上能用的api、能用的三方sdk，uni-app x里都可以用。

script>
import Build from 'android.os.Build';
export default {
onLoad() {
			console.log(Build.MODEL); //调用原生对象，返回手机型号
			console.log(uni.getSystemInfoSync().deviceModel); //调用uni API，返回手机型号。与上一行返回值相同
}
}
script>