天天看点

微信小程序转支付宝小程序工具:wx2my介绍工具地址VS Code插件使用演示VS Code安装和使用CLI工具使用说明

介绍

开发者开发了一个微信小程序后,同时又想把这个小程序发布到支付宝小程序平台上,可惜微信小程序并不能直接发布到支付宝平台上,两个平台小程序不兼容。因此开发者需要对微信小程序代码进行修改,调整成支付宝小程序代码,这个工作量相对比较大同时又很繁琐,不过两种小程序代码有很多相似之处,因此微信小程序转支付宝小程序工具——wx2my孕育而生。实现帮助开发自动把微信小程序代码转换成支付宝小程序。

不过由于两种小程序功能和api等的不一致,转换后生成的支付宝小程序并不能直接运行起来,还需要进行代码检查,手动的修改无法转换的部分。不过wx2my转换工具帮助开发者找到了需要手动修改的代码部分,输出todo.html文件,并在转换后的小程序代码里添加了注释内容,方便开发者找到要修改的部分。

工具地址

  1. vscode插件: wx2my(微信小程序转支付宝小程序)
  2. cli命令工具: wx2my
  3. 使 用 文 档: wx2my 语雀地址

VS Code插件使用演示

VS Code安装和使用

安装插件

打开vscode软件,在插件市场搜索

wx2my

 ,找到

wx2my

 插件,并安装。安装成功就可以使用插件了,如下图安装操作:

微信小程序转支付宝小程序工具:wx2my介绍工具地址VS Code插件使用演示VS Code安装和使用CLI工具使用说明

wx2my

 插件地址: https://marketplace.visualstudio.com/items?itemName=chengguan.wx2my

转换微信小程序到支付宝小程序

使用vscode打开微信小程序项目,比如我们有个微信小程序项目

wxapp

 ,在vscode中打开,如下图:

微信小程序转支付宝小程序工具:wx2my介绍工具地址VS Code插件使用演示VS Code安装和使用CLI工具使用说明

在vscode中打开命令输入框(windows:

Ctrl+Shift+P

、MacOS:

Command+Shift+P

),输入

wx2my

,选择并执行命令,如下图:

微信小程序转支付宝小程序工具:wx2my介绍工具地址VS Code插件使用演示VS Code安装和使用CLI工具使用说明

转换结束后会弹出消息提示,转换后的文件放在

项目文件夹名称_output

 文件夹下,如下图:

微信小程序转支付宝小程序工具:wx2my介绍工具地址VS Code插件使用演示VS Code安装和使用CLI工具使用说明

转换后的文件放在

项目文件夹名称_output

 文件夹下,该文件夹与项目文件夹同级。

微信小程序转支付宝小程序工具:wx2my介绍工具地址VS Code插件使用演示VS Code安装和使用CLI工具使用说明

输出的文件夹即为支付宝小程序代码,由于微信小程序与支付宝小程序的功能不一致,所以转换后的支付宝小程序并不能直接运行,需要开发者手动的修改。同时插件在输出的支付宝小程序文件夹内生成了一个

todo.html

 文件,对需要开发者手动修改的地方进行提示。打开支付宝小程序项目,如下图:

微信小程序转支付宝小程序工具:wx2my介绍工具地址VS Code插件使用演示VS Code安装和使用CLI工具使用说明

转换结果报告,报告中显示了开发者需要手动修改支付宝小程序代码的地方,如下图:

微信小程序转支付宝小程序工具:wx2my介绍工具地址VS Code插件使用演示VS Code安装和使用CLI工具使用说明

CLI工具使用说明

安装

npm install -g wx2my           

使用

wx2my ./path/to/wxapp           

项目文件夹_output

文件夹下,该文件夹与项目文件夹同级,以上命令生成的支付宝小程序目录路径为

./path/to/wxapp_output

由于微信小程序与支付宝小程序的功能不一致,所以转换后的支付宝小程序并不能直接运行,需要开发者手动的修改。

转换结果

  • .json

    : JSON文件转换
  • .js

    : 脚本文件转换
  •  样式文件

    .wxss

     转 

    .acss

  •  模板文件

    .wxml

    .axml

  •  文件

    .wxs

    .sjs

  •  api使用wx2my.js文件桥接函数转换
  • todo.html

     转换结果报告,方便开发者查找检查

wx2my转换工具使用过程中有碰到问题可以给开发者反馈:

wx2my反馈

继续阅读