@antmove/alipay-wx

    1.2.5 • Public • Published

    alipay-wx-plugin

    antmove logo

    介绍

    • 支付宝转微信小程序插件

    一键实现支付宝小程序项目到微信小程序的迁徙,不再为重复开发而烦恼。

    目录

    安装

    vscode 转换插件

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

    VsCode 编译步骤

    • 安装扩展(Antmove - antmove-vscode-plugin)

    • 在 VsCode 中打开要转换的项目

    • 打开 VsCode 命令面板

      • Mac: command + shift + p
      • Windows: ctrl + shift + p
    • 输入 Antmove

    • 运行 Antmove: Run antmove alipay-wx 命令,实现支付宝小程序到微信小程序的转换

    • 运行如上命令后会给出一个弹窗,选择转换后生成代码存储目录

    • 转换完成

    • antmove-vscode-plugin

    本插件依赖于 vscode 代码编辑器,安装了 vscode 的用户才能使用。

    使用 npm 或 yarn 安装

    我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。

    • 全局安装
    $ npm install antmove -g
    • 本地安装
    $ npm install antmove --save

    如果你的网络环境不佳,推荐使用 cnpm

    快速开始

    命令行使用

    npm i -g antmove

    通过 npm 或 yarn 全局安装才能使用如下命令行

    • antmove alipay-wx(使用前请将终端切换到需转换编译的支付宝小程序项目路径)
    antmove alipay-wx
    • antmove - 该命令更加灵活,可配置输出输出目录/编译模式等
    antmove alipay-wx -i ./alipay-mini/project -o ./dist/wechat-mini/project --env development

    如上的命令表示将 ./alipay-mini/project 支付宝小程序项目转换为微信小程序项目,转换到 ./dist/wechat-mini/project 目录 如果你不想输入参数,可以体验交互式的命令方式,执行 antmove 即可。

    命令行参数说明

    • --type,-t
      • 可选,(alipay-wx),选择编译工具,此参数代表选择的支付宝转微信的工具
    • --input,-i
      • 可选,编译源码目录,如果不传则是当前目录
    • --output,-o
      • 可传,编译输出目录
    • --component,-c
      • 可传,组件纬度转换,可单独组件或插件
    • --env,-e
      • 可选(development/production),编译模式,生产模式代码会压缩,无编译日志及运行时日志

    Node.js 使用方式

    示例

    const path = require('path');
    const transformFramework = require('antmove');
    const AlipayPlugin = require('@antmove/alipay-wx');
    
    let outputPath = path.join(__dirname, '../../dist', '/wechatmini-demo');
    let inputDirPath = path.join(__dirname, '../../examples/miniprogram-demo/miniprogram');
    
    const App = transformFramework();
    
    App.use(
        AlipayPlugin, 
        {
            entry: inputDirPath,
            dist: outputPath,
            env: 'development'
            type: 'alipay-wx'
        })
        .start();

    API

    transformFramework

    工具实例生成函数。

    const transformFramework = require('antmove');
    const App = transformFramework();   // 得到的 app 实例即可进行转换处理操作

    App

    • use | Function - App.use(plugin, pluginOptions) - 挂载插件到实例上,可挂载多个,按挂载顺序执行
      • plugin: 转换插件
      • pluginOptions: 转换插件配置项
        • entry | String - 转换源码目录
        • dist | String - 转换后代码输出目录
        • env | String - 编译环境设置(env/prod)
          • 默认值为生产环境
    • start | Function - 开始编译操作

    贡献

    欢迎参与 Antmove 项目的开发建设和讨论。

    提交 pull request 之前请先提 Issue 讨论.

    协议

    GPL

    联系

    如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助。

    Keywords

    none

    Install

    npm i @antmove/alipay-wx

    DownloadsWeekly Downloads

    13

    Version

    1.2.5

    License

    GPL-3.0

    Unpacked Size

    303 kB

    Total Files

    103

    Last publish

    Collaborators

    • amove