当前位置：首页 > article >正文

UniApp 应用心得与总结（Android）

article 2024/12/22 12:17:05

UniApp属于跨平台的应用开发框架，在实际的业务应用中给予了开发者友好的体验。其优点主要体现在完善的开发文档，强大的兼容性与参与人数众多丰富的社区资源。经过一段时间的业务运用与体验，我实现了从零到一的 N 的运用与开发。这篇文章主要为了记录从一个 Android 开发者角度出发，在实际开发中遇到的一些问题与使用总结。

官方文档：uni-app 官网

首先强调一点，uni-app是基于weex框架做的深度的改造与升级优化。之所以我可以快速应用 uni-app，也是因为前期的项目一直使用的 weex框架开发。如果是纯原生开发的 Android 人员，在使用 uni-app框架前，必须进行前端知识语言的普及与学习。（JS,VUE,TS）

初始化

开发工具，依赖，配置这些不表，文档中有很清晰的步骤。（包括APPID 的获取等）这里只说遇到的问题与解决方法。

准备工作就绪，创建项目时，会有这样几个选项。

（1）uni-app x 可以看作为极度贴近原生效果的一种开发引擎。其开发语言为 UTS，可以理解为 TS 语言。如果公司业务有较高的要求，且研发团队强大推荐使用它。因为它更加贴近于原生效果。如果是为了快速开发项目，目前建议使用 uni-app 就足够了。当然官方也说的很明白了，x是下一代的 uni-app，这个是大势所趋。如果在时间上充裕，还是推荐使用 x

(2)vue 版本选择：这里以实际使用体验来证明，vue3较于vue2来说，更加的方便快捷，所提供的语法糖与规则更加自由。这里用一个使用频繁的例子来说明。（具体的语法规则直接去 vue官网学习就好）

//vue3
<script setup>
    import {ref} from 'vue';
    const value = ref()
</script>

//vue2
<script>
export default {
  data () {
    return {
        value:''
      }
    }
}
</script>

vue中最主要的一个思想就是双向绑定，定义中<script>data 中的变量，通过逻辑赋值，同步改变HTML 中的引用值。从上述的例子就可以看出，我们定义的一个值在 vue3中通过极少的代码就可以实现。这样使得实际研发中的代码逻辑易读，方便维护。（具体的写法与介绍文档中都有）

（3）uniCloud 是一个 uni-app自己的云服务，是否使用这个需要去考量。当然是建议去使用，具体的服务与费用有很清楚的文档说明。要说的是，uni-app自带的 App 版本管理与热更新服务是必须要依赖与云服务的。当然如果自行实现也是可以的，肯定是没有官方的方便。

（4）上传到代码托管平台，这个自行看说明。目前我这边没有选。