自从微信小程序问世以后,字节、阿里、百度巨头们都各自搞各自的小程序平台,各有各的技术标准。基础技术都大差不差,但就是没法统一。搞得我们这些对接各平台的程序猿们苦不堪言。
虽说uniapp、Taro、Mpvue、Weex、Flutter都支持跨平台小程序的导出,允许开发者使用一套代码库创建适用于多个平台的小程序。但不同的前端框架和工具还是会有一些上手门槛,在这里推荐一款非常轻量便捷的第三方小程序转换工具Antmove。
简单了解一下Antmove
Antmove 起源于高德地图(自 2021年 Q4起,高德归属于阿里本地生活业务线)的一个内部项目。
在高德小程序平台建立之初,有许多的企业合作商希望将他们的小程序应用上线到高德小程序平台(支付宝小程序平台),但他们已经有了自己的微信小程序应用,再开发一套高德的(或是支付宝的)对企业来说是一种资源的负担。
基于这个需求,内部实现了一个微信小程序到高德小程序的转换工具,通过这个工具帮助这些企业用户快速的将他们的应用上线到高德上。目前已经有上百款小程序借助 Antmove 完成了小程序的格式迁移与转化工作。
由于不同小程序平台中始终存在的一些无法抹平的差异,和针对特定平台可能存在的不同产品能力,Antmove 已经实现了跨端语法与条件编译的能力尽可能帮助开发者降低不同代码维护的成本。
在 VS Code 中进行编译
为了使用 Antmove,我这次选择通过在 VS Code 中安装对应的拓展的方式,实现小程序代码的一键转化编译。
首先需要在 VS Code 扩展中搜索 Antmove
下载安装 Antmove vscode 转换插件。随后打开对应的小程序项目,并输入对应的命令即可。
- 在 macOS 中打开命令面板的方式是:Command + Shift + P
- 在 Windows 中打开命令面板的方式是:Ctrl + Shift +P
我们可以在新打开的命令窗口中运行 Antmove: Run antmove alipay-wx
命令,实现支付宝小程序转换微信小程序的转换。
运行如上命令后会给出一个弹窗,选择转换后生成代码存储目录,随后代码转换完成。
当然也可以试试使用命令行编译,如果你不想使用 VS Code,也可以通过 npm 或 yarn 的形式进行开发。通过 npm 或 yarn 的形式不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。
最后吹一波小程序的彩虹屁,相比于传统的原生应用开发技术,小程序技术确实具有轻量、快速开发、跨平台、无需安装、更便于用户使用等优势。用户的使用门槛更低、小程序的开发成本相对更低,开发速度更快,也更易于维护更新。小程序技术还支持跨平台运行,可以同时在多个移动设备上运行,极大地扩展了应用的覆盖范围,为企业和开发者带来更大的商业价值。市面上一些比较知名的小程序容器技术产品包括:微信、支付宝、百度、抖音小程序等,他们都是以完善大社交平台自有小程序生态的技术底座,能提供第三方进行私有化部署的有:FinClip、mPaaS等产品。据了解,FinClip自行研发的小程序容器技术,能够让企业的App能具备快速运行小程序的能力,他们家的SDK还能嵌入除App以外的职能设备终端中(如 Linux、Windows、MacOS、麒麟等操作系统上运行)。
小程序的“轻量”应用生态,结合FinClip 小程序容器技术,企业可以轻松将臃肿的 App 功能打散,功能模块互相解耦,进而实现模块化开发。通过FinClip 管理后台、FinClip IDE 即能实现动态更新与发布,极大的提升开发效率,降低开发成本。另外,借助FinClip小程序的热更新机制,可以从根本上解决发版效率的问题,这对于满足终端市场多变需求的系统集成服务行业是绝对的利好。