在小程序开发的大环境下,我们可以在各种平台上开发小程序。由于平台兼容性、使用的功能API不一致等问题,我们怎样避免再次重复开发,在不同的平台开发相同的小程序呢?
这时便衍生出了很多小程序转换工具,这里给大家介绍几个好用的转换工具插件,满满的干货,还不赶紧一睹为快!
一、vscode 插件:wx2my
wx2my 是一款在 vscode 上使用的插件工具。它可以非常快速地将微信小程序转换成支付宝小程序。但是需要注意的是,转换之后的支付宝小程序不能直接运行,还需要手动修改无法转换的部分。该插件已有3233次下载量。
wx2my 转换工具可以帮助开发者找到需要手动修改的代码部分,输出 todo.html 文件,并在转换后的小程序代码里添加了注释内容,使开发者更容易找到需要进行修改的部分。
转换能力
-
.json
: JSON文件转换 -
.js
: 脚本文件转换 - 样式文件
.wxss
转.acss
- 模板文件
.wxml
转.axml
- 文件
.wxs
转.sjs
- api 使用 wx2my.js 文件桥接函数转换
-
todo.html
转换结果报告,方便开发者查找检查
示例分享
以下内容以 证件水印助手(微信小程序版)为例:
1、安装 wx2my vscode 插件
2、在 vscode 里,Ctrl+Shift+P 打开命令行
3、执行 wx2my 命令行,即生成一个 output 文件夹
同时也生成了一个 todo.html 文件,可参考这个文件进行代码修改
4、使用支付宝小程序 IDE 打开 output 文件夹,即可以看到转换相对较成功的小程序
二、vscode 插件:Antmove
Antmove(蚂蚁搬家) 是一款在 vscode 上使用的插件工具。它是一种轻量级的小程序多端解决方案,它可以帮助开发者低成本地实现小程序的跨平台开发(微信小程序、支付宝小程序、百度智能小程序、头条小程序),达到一套代码开发、多小程序平台运行的目的,也在一定程度上降低了小程序多平台的开发成本。该插件已有1414次下载量。
转换能力
Antmove 支持跨平台,可以转换多种小程序。
编译命令 | 描述 |
---|---|
wx-alipay | 微信小程序转支付宝小程序,支持阿里系其它平台小程序编译(如 钉钉小程序) |
wx-baidu | 微信小程序转百度智能小程序 |
wx-tt (非正式版) | 微信小程序转字节跳动小程序 |
alipay-wx | 支付宝小程序转微信小程序 |
alipay-baidu | 支付宝小程序转百度智能小程序 |
wx-compiler | 对于有跨平台代码编写的,可以用该命令得到纯净的微信小程序代码 |
alipay-compiler | 原生支付宝小程序引用 Antmove 转换而来的组件库时,使用该命令对引用项目编译,以支持 relations 和 selectComponent 能力 |
三、npm 包:wxToAlipay
wxToAlipay 是一款在 NPM 包管理下使用的微信小程序转支付宝小程序。它在打包之前,会对源码进行校验,只有校验通过后才能进行打包。使用时同样需要注意,我们需要手动修改不能转换的部分。在 Github 上,该项目已有 84 个 star。
转换能力
语法 | 是否支持 |
---|---|
js | 是 |
json | 是 |
wxml | 是 |
wxss | 是 |
wxs | 是 |
svg | 否 |
自定义组件 | 是 |
总结
总体来说,经过多次尝试,wx2my 和 Antmove 一直保持较好的稳定性,每次转换都能成功;而 wxToAlipay 偶尔发生故障、报错。作为 vscode 插件,wx2my 和 Antmove 使用起来也比较方便,只需一行命令即可快速转换。此外, Antmove 还支持转换成各种其他平台的小程序,在多平台支持方面遥遥领先。wx2my 则贴心地给出了需手工转换的报告,和对应的方法、API 的微信和支付宝文档链接,十分人性化。最后,从帮助文档的角度来看,wx2my 和 Antmove 文档详实细致、简洁明了,体验较好。
wx2my | Antmove | wxToAlipay | |
---|---|---|---|
功能稳定 | ☆☆☆☆☆ | ☆☆☆☆☆ | ☆☆☆ |
简洁易用 | ☆☆☆☆☆ | ☆☆☆☆☆ | ☆☆☆☆ |
多平台支持 | ☆☆☆ | ☆☆☆☆☆ | ☆☆☆ |
服务贴心 | ☆☆☆☆☆ | ☆☆☆☆ | ☆☆☆ |
文档详实 | ☆☆☆☆☆ | ☆☆☆☆☆ | ☆☆☆ |
以上的干货有没有给你带来帮助呢?欢迎关注我,给你带来更多的干货内容!