UniApp 应用心得与总结(Android)

        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)上传到代码托管平台,这个自行看说明。目前我这边没有选。

  • 开发准备与必要的知识掌握

        对于有前端开发经验的人来说,上手很快。如果是纯原生开发转uni 需要对一下内容进行系统性的了解与学习:

  1. HTML/CSS/JavaScript 基础;
  2. VUE基础:数据绑定、组件化开发、指令、生命周期钩子函数;
  3. 都需要了解的:环境搭建、熟悉项目结构与配置文件、学习内置组件使用、API 请求、不同平台的适配(微信小程序、H5、APP)、打包发布流程;
  • 自定义基座打包、云打包、本地打包
  1. 首先以我目前的实践来看,云打包绝对是首选,虽然在高峰时段可能会有漫长的等待期,但是省去了使用 studio 打包的繁琐步骤,点点点就能快速构建;由于云打包的基础是必须先有一个自定义基座包,所以这俩个一起说;

未完待续......

        

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值