微信小程序转支付宝小程序解决方案及遇到的问题（wx2my、Antmove转换器）

最新推荐文章于 2024-04-03 09:39:01 发布

八了个戒

最新推荐文章于 2024-04-03 09:39:01 发布

阅读量4.7k

点赞数 2

分类专栏：前端问题解决小程序系列文章标签：小程序 javascript cli vscode

本文链接：https://blog.csdn.net/XH_jing/article/details/109286121

版权

前端同时被 3 个专栏收录

86 篇文章 14 订阅

订阅专栏

问题解决

34 篇文章 0 订阅

订阅专栏

小程序系列

27 篇文章 6 订阅

订阅专栏

背景介绍

对于目前开发市场分析而言，微信小程序一直是小程序开发行业的领头羊，但是其他小程序也一直在紧追不舍，比如支付宝小程序、百度小程序、头条小程序、抖音小程序、美团小程序等等，很多互联网巨头都有在做自己的小程序，所以说小程序也是未来的大势所趋。

但是开发者开发了一个微信小程序之后，同时又想把这个微信小程序发布到支付宝小程序或者其他更多小程序平台上，可惜微信小程序并不能直接发布到支付宝小程序平台上，两个平台的小程序是不兼容的。因此开发者需要对微信小程序代码进行修改，需要将现在的微信小程序代码调整转换为能够在支付宝小程序上正常运行的代码，可想而知，这个工作量是相对较大也很繁琐的。

但是，不管哪种小程序，他们的代码是有很多相似之处的，因此就会有很多微信小程序的转换工具产生。在开发过程中我主要总结了两个转换工具，可以轻松实现自动将微信小程序转换成支付宝小程序。

虽然两种小程序可以进行转换，但是由于两种小程序是不同的公司开发的，他们的功能和 api 或多或少都是有差异的，转换后生成的小程序不能直接在支付宝小程序上直接运行跑起来的，还是需要我们进行代码的校验和修改那些无法转换的部分。

工具一：wx2my（微信小程序转支付宝小程序）

详细使用文档：

wx2my 小程序转换工具

使用说明：

1. 工具下载方式：

VsCode 扩展安装：vscode 扩展安装

在 vscode 扩展中搜索 wx2my 下载安装即可。
命令行安装：npm 安装
```
$ npm install -g wx2my
```

2. 快速上手使用：

vscode 使用：
1. 打开 vscode ，在应用市场（Ctrl + Shift + X）搜索 wx2my ，找到 wx2my 插件，安装即可。
2. 插件安装完成后，在 vscode 中打开要转换的微信小程序的项目，然后打开命令输入框（Mac: command + shift + p / Windows: ctrl + shift + p），输入 wx2my ，执行命令。
3. 项目转换完成，转换后的文件放在项目文件夹_output 文件夹下，该文件夹与项目文件夹同级。
cli 命令行使用：
```
wx2my ./path/to/wxapp
```

由于微信小程序与支付宝小程序的功能不一致，所以转换后的支付宝小程序并不能直接运行，需要开发者手动的修改。
不过 wx2my 转换工具帮助开发者找到了需要手动修改的代码部分，输出 todo.html 文件，并在转换后的小程序代码里添加了注释内容，方便开发者找到要修改的部分。

参考社区

阿里云开发者社区

工具二：Antmove（小程序转换器）

Antmove - 小程序转换器，基于支付宝/微信小程序转换为多端小程序，让小程序跨平台开发变得简单。
一键实现小程序转换迁徙，不再为重复开发而烦恼。

Antmove - 小程序转换器

详细使用文档：

Antmove - 小程序转化器

使用说明：

1. 工具下载方式：

VsCode 扩展安装：
在 vscode 扩展中搜索 Antmove 下载安装 Antmove vscode 转换插件实现一键转换。
命令行安装：

// 全局安装
$ npm install antmove -g  
或者
$ yarn global add antmove

// 本地安装
$ npm install antmove --save
或者
$ yarn add antmove

2. 快速上手使用：

打开 vscode ，在应用市场（Ctrl + Shift + X）安装扩展（Antmove - antmove-vscode-plugin）。
插件安装完成后，在 vscode 中打开要转换的微信小程序的项目，然后打开命令输入框（Mac: command + shift + p / Windows: ctrl + shift + p），输入 Antmove ，选择 Antmove: Run antmove wx-alipay ，执行命令。
运行命令会弹出一个弹出，选择转换后生成代码存储目录。
项目转换完成，转换后的文件放在刚才选择的文件夹下。