0 来活了

公司最近启动了新的项目:某地交警需要一套交通事故快速处理的解决方案,其中就需要做一个小程序,内容不复杂,大致用到了 LBS 高德 和 RTC 腾讯。

我来参与前端,已经时隔一年多没有写过小程序了,很多细节已经忘得七七八八。上次还是使用 uni-app 来写的。

1 用啥技术栈

那小程序要怎么写?既然技术栈已经全面转 vue3+ts 自然我也尝试寻找类似的技术栈。

其实目前还活着的不外乎下面几种方案:

  • 原生。放弃。
  • Kbone 微信官方主推。跨语言适配,支持vue2,官方 kbone-ui
  • Omi 多年前把玩过 omi,也有官方UI组件库。
  • uni-app API相对熟悉,vue技术栈上手无压力。已支持 vue3 https://ask.dcloud.net.cn/article/37834
  • taro 之前关注过 taro-next ,我看现在已经升级到正式版本了。 支持vue3,官方主推 taro-UI

去瞥了一眼 滴滴的 变色龙 https://github.com/didi/chameleon 上次提交2020-11 官网都打不开了

考古时候发现一个挺有意思的小东西 https://vue-mini.gitee.io/ 像写 Vue 3 一样写小程序,东西很小,简单一瞧结构很简单,有时间琢磨琢磨具体实现,挖坑先。

上面列了一堆参考项,其实我是倾向于使用 taro+vue3 ,它:

  • 支持 vue3,学习成本低
  • 官方UI组件库支持
  • 社区相对活跃
  • 新鲜,之前没用过

其他对比就不假惺惺比较了:那就 taro + taro-ui + vue3

2 经验短评

使用起来感觉异常的容易,因为交警app需要用到音视频直播、地图等能力,这一块熟悉api花了些时间:

  • 先看微信开发文档确定内置组件和方法
  • 对比 taro 确定书写方法

在使用腾讯云RTC能力时候,遇到了一个难题,音视频直播已经封装好了独立组件,一开始我想拆成vue组件来着,费力不讨好,taro是兼容引入第三方组件的,独立引入,传递配置就好了。

3 交付上线

还在写,没上线