干货大分享,三种小程序跨平台转换工具测评!

 阿里云安全     |      2019-12-03 00:00:00

在小程序开发的大环境下,我们可以在各种平台上开发小程序。由于平台兼容性、使用的功能API不一致等问题,我们怎样避免再次重复开发,在不同的平台开发相同的小程序呢?
这时便衍生出了很多小程序转换工具,这里给大家介绍几个好用的转换工具插件,满满的干货,还不赶紧一睹为快!

一、vscode 插件:wx2my

wx2my 是一款在 vscode 上使用的插件工具。它可以非常快速地将微信小程序转换成支付宝小程序。但是需要注意的是,转换之后的支付宝小程序不能直接运行,还需要手动修改无法转换的部分。该插件已有3233次下载量。

1.png

wx2my 转换工具可以帮助开发者找到需要手动修改的代码部分,输出 todo.html 文件,并在转换后的小程序代码里添加了注释内容,使开发者更容易找到需要进行修改的部分。

2.png

转换能力

  • .json: JSON文件转换
  • .js: 脚本文件转换
  •  样式文件.wxss.acss
  •  模板文件.wxml.axml
  •  文件.wxs.sjs
  •  api 使用 wx2my.js 文件桥接函数转换
  • todo.html 转换结果报告,方便开发者查找检查

示例分享

以下内容以 证件水印助手(微信小程序版)为例:3.png

1、安装 wx2my vscode 插件
4.png

2、在 vscode 里,Ctrl+Shift+P 打开命令行5.png

3、执行 wx2my 命令行,即生成一个 output 文件夹
10.png

同时也生成了一个 todo.html 文件,可参考这个文件进行代码修改
6.png

4、使用支付宝小程序 IDE 打开 output 文件夹,即可以看到转换相对较成功的小程序7.png

二、vscode 插件:Antmove

Antmove(蚂蚁搬家) 是一款在 vscode 上使用的插件工具。它是一种轻量级的小程序多端解决方案,它可以帮助开发者低成本地实现小程序的跨平台开发(微信小程序、支付宝小程序、百度智能小程序、头条小程序),达到一套代码开发、多小程序平台运行的目的,也在一定程度上降低了小程序多平台的开发成本。该插件已有1414次下载量。
8.png

转换能力

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。
9.png

转换能力

语法 是否支持
js
json
wxml
wxss
wxs
svg
自定义组件

总结

总体来说,经过多次尝试,wx2my 和 Antmove 一直保持较好的稳定性,每次转换都能成功;而 wxToAlipay 偶尔发生故障、报错。作为 vscode 插件,wx2my 和 Antmove 使用起来也比较方便,只需一行命令即可快速转换。此外, Antmove 还支持转换成各种其他平台的小程序,在多平台支持方面遥遥领先。wx2my 则贴心地给出了需手工转换的报告,和对应的方法、API 的微信和支付宝文档链接,十分人性化。最后,从帮助文档的角度来看,wx2my 和 Antmove 文档详实细致、简洁明了,体验较好。

wx2my Antmove wxToAlipay
功能稳定 ☆☆☆☆☆ ☆☆☆☆☆ ☆☆☆
简洁易用 ☆☆☆☆☆ ☆☆☆☆☆ ☆☆☆☆
多平台支持 ☆☆☆ ☆☆☆☆☆ ☆☆☆
服务贴心 ☆☆☆☆☆ ☆☆☆☆ ☆☆☆
文档详实 ☆☆☆☆☆ ☆☆☆☆☆ ☆☆☆

以上的干货有没有给你带来帮助呢?欢迎关注我,给你带来更多的干货内容!