虽说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 的形式不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。