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

简介: 介绍wx2my、Antmove、wxToAlipay三种小程序转换工具。

在小程序开发的大环境下,我们可以在各种平台上开发小程序。由于平台兼容性、使用的功能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
功能稳定 ☆☆☆☆☆ ☆☆☆☆☆ ☆☆☆
简洁易用 ☆☆☆☆☆ ☆☆☆☆☆ ☆☆☆☆
多平台支持 ☆☆☆ ☆☆☆☆☆ ☆☆☆
服务贴心 ☆☆☆☆☆ ☆☆☆☆ ☆☆☆
文档详实 ☆☆☆☆☆ ☆☆☆☆☆ ☆☆☆

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

目录
相关文章
|
6月前
|
存储 小程序 数据可视化
使用无代码工具开发一款问卷调查小程序
使用无代码工具开发一款问卷调查小程序
|
JSON 小程序 算法
uniapp小程序封装常用工具函数
类似的工具函数还有很多,这里暂时不一一列举了,上面提到的银行卡校验,还可以使用阿里公开的一个校验接口cardNo=银行卡号码&cardBinCheck=true这个接口会返回对应的银行简称银行卡类型,如果想要显示对应的银行logo的话,可以联系我,由于JSON数据太大,没办法全部放在这里。
194 0
|
6月前
|
小程序 开发者
关于UniApp启动到微信小程序工具提示找不到app.json
关于UniApp启动到微信小程序工具提示找不到app.json
561 0
|
1月前
|
小程序 数据可视化 数据管理
小程序可视化设计工具-支持一键导出小程序,WebApp及后台管理
小程序可视化设计工具-支持一键导出小程序,WebApp及后台管理
38 3
|
1月前
|
移动开发 小程序 数据可视化
微信小程序可视化开发工具之动态数据
微信小程序可视化开发工具之动态数据
36 3
|
1月前
|
小程序 数据可视化 开发工具
HTML我帮您打造拖拽可视化的WEUI小程序工具
HTML我帮您打造拖拽可视化的WEUI小程序工具
26 0
|
5月前
|
小程序 前端开发 JavaScript
微信小程序|大学生心理健康测评管理系统的设计与实现
微信小程序|大学生心理健康测评管理系统的设计与实现
微信小程序|大学生心理健康测评管理系统的设计与实现
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生心理健康测评管理系统小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生心理健康测评管理系统小程序附带文章源码部署视频讲解等
56 0
|
4月前
|
小程序
【亲测有效】3步实现 微信小程序内接入小程序客服,网页端客服工具与移动端小程序客服工具使用方法,使用入口,并设置当前客服状态
【亲测有效】3步实现 微信小程序内接入小程序客服,网页端客服工具与移动端小程序客服工具使用方法,使用入口,并设置当前客服状态
382 0
|
6月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的企业人才管理与测评系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的企业人才管理与测评系统附带文章和源代码设计说明文档ppt
30 1