【UniAPP X快速上手】如何使用UniAPPX开发一个原生安卓商城_uni-app x

什么是UniAPP X

uni-app x，是下一代 uni-app，是一个跨平台应用开发引擎。

uni-app x 没有使用js和webview，它基于 uts 语言。在App端，uts在iOS编译为swift、在Android编译为kotlin，完全达到了原生应用的功能、性能。
更重要的是，UniAPP X未来也会支持鸿蒙，这里引用DCloud社区的官方答复

DCloud有资源第一时间得到鸿蒙无apk手机的上市计划。我们和华为保持着紧密沟通，会把握好节奏，不用担心。大家可以观察一个信号，等微信的鸿蒙next版敲定了，鸿蒙无apk手机就可以明确上市计划了。鸿蒙的开发语言是arkTS，uni-app x是uts，都是变种ts，uni-app x编译到鸿蒙是靠谱的。
而把uni-app的js编译成arkTS不靠谱。除非编个h5跑在鸿蒙的webview里，但这个体验估计没多少人能接受。

如何学习UniAPP X

1. 学习官方文档

• UniAPPX 官方文档
• 官方组件库
• easyX-为UniApp X设计的免费开源电商业务组件库
• UTS语言

这里的重点和难点应该是UTS语言，因为UTS语言需要编译成Kotlin语言，所以有强类型要求，会TypeScript的同学适应起来会快一些，只是习惯js的同学可能上手会难，可以参考官方组件库和easyX的写法，多多学习。

2. 学习UTS语言

UTS语言是TS的变种，建议先学习TS。就连鸿蒙原生开发用的ArkTS也是TS的变种（笔者最近在开发鸿蒙原生应用，会TS上手很快），可见TS的重要性。学习TS可以参考如下教程：
TypeScript 教程

上手TS之后，需要重点关注UTS和TS的区别。

• UTS为Kotlin和Swift新增了一些专有数据类型；
• UTS有一些特殊的内置对象和API

其实这些区别主要是为了原生开发的，但是比直接上手安卓和iOS原生开发要简单太多。

3. 关注UniAPP X的Vue规范

uni-app x的vue规范，按照vue3规范实现，但目前不支持setup组合式写法，仅支持option选项式写法。而且有些Vue3的api也不支持。大家在开发过程中遇到问题，要查看官方文档里重点列出的差异
UniAPP X的Vue实现

原生安卓商城的开发

前面的学习铺垫，是为了大家开发过程更加顺利。实际上，easyX已经封装好了常见的电商业务组件，并且已经上线了一些模板。即使是小白，也可以直接用easyX开发出一个原生商城。先看效果

这个页面的代码可以查看Gitee示例代码， 大家直接复制粘贴即可。

使用easyX组件库和模板库

使用easyX有两种方式，一种是从Gitee下载源码，另一种是从UniAPP插件市场下载源码

• Gitee下载地址：https://gitee.com/liuming9157/easyx

• 插件市场下载地址：https://ext.dcloud.net.cn/plugin?id=15602

下载源码之后解压，找到components目录，将该目录下的所有内容复制到你的UniAPP X项目下的components目录即可使用。
eaxyX支持按需引用，各个组件的具体使用可以查看相关easyX组件文档

当然，您也可以直接下载安卓easyX的安卓apk体验。

easyX演示包下载安装链接

easyX采用MIT协议开源，组件库和模板库仍在不断扩充。对于开发原生商城应用的同学来说，是个宝藏库。等UniAPPX支持鸿蒙后，easyX用来开发鸿蒙原生商城，想想真是吊炸天的开发利器。

应用打包

安卓打包是需要证书的。如果想省事，直接使用Dcloud的公共云证书，傻瓜式操作，不过因为有人滥用这个证书，现在很多品牌的手机会报毒，所以还是建议自己申请证书。
免费证书申请攻略

应用上线

如果要上架到华为、小米、oppo等应用市场，那就需要软件著作权和应用备案了。软件著作权的申请周期比较长，大概3个月，应用备案就快很多了。网上很多服务商提供这两项服务，大家也可以私信我，公司业务可以按照市场最低价给大家服务，个人业务可以提供一些免费指导然后你自己操作。

我是刘明，十年创业老兵，开源技术爱好者。
有问题欢迎私信。