unique-pay

    0.0.4 • Public • Published

    UniquePay

    微信支付、支付宝支付聚合SDK,支持内置对象调用、jsSdk 调用

    install

    npm install unique-pay
    

    npm

    import uniquePay from 'unique-pay';
    Vue.use(uniquePay,{
        useSdk: false //是否使用各自平台 jssdk
    });

    script

    默认挂载到 window.UniquePay

    • 非jssdk版本
    <script src="path/unique-pay/src/UniquePay.js"></script>
     
    • jssdk版本(增加 "usesdk" 屬性)
    <script src="path/unique-pay/src/UniquePay.js" usesdk></script>
     

    use

    <template>
       <div class="input-box clearFix">
        <button v-on:click="pay">测试支付</button>
       </div>
    </template>
     
    <script>
        export default {
            name: 'app',
            data () {
              return {
                params: {} //各支付平台参数
              }
            },
            methods:{
              pay() {
                this.$uniquePay
                    .pay(this.params)
                    .then(resp => {
                      console.log(resp);
                    })
                    .catch(err => {
                      console.log(err);
                    })
              }
            }
        }
    </script>
     
    <body>
       <body>
            <button onclick="pay()">pay</button>
        </body>
        <script type="text/javascript" src="js/UniquePay.js"></script> 
        <script>
            function pay() {
                //初始化SDK
                UniquePay.initSdk({
                    "appId": "",
                    "timeStamp": "",
                    "nonceStr": "",
                    "signature": "",
                    "jsApiList": ["chooseWXPay"]
                })
                window.UniquePay.pay({
                    "appId": "",
                    "timeStamp": "",
                    "nonceStr": "",
                    "signType": "",
                    "paySign": "",
                    "package": ""
                }).then(res => console.log(res));
            }
        </script> 
    </body>

    配置说明

    {
        useSdk:Bool //是否使用各自平台 jssdk,为 true 时,自动识别当前调用环境(微信/支付宝)注入支付平台jssdk,默认为 false(调用内置桥接对象)
    }

    方法说明

    initSdk

    初始化SDK(仅用于微信SDK模式签名)

    (void) this.$uniquePay.initSdk(signatureConfig /微信权限验证配置/)

    pay

    自动识别当前调用环境,执行对应支付函数

    (Promise) this.$uniquePay.pay(params)

    (Promise) this.$uniquePay.pay(params, signatureConfig /微信权限验证配置,initSdk后不需要传递/)

    wechatPay(非SDK模式)

    手动调用微信支付桥接对象,内部调用 WeixinJSBridge.invoke('getBrandWCPayRequest')

    (Promise) this.$uniquePay.wechatPay(params)

    wechatPay(SDK模式)

    手动调用微信支付jsapi,内部调用 wx.chooseWXPay(params)

    (Promise) this.$uniquePay.wechatPay(params, signatureConfig /微信权限验证配置,initSdk后不需要传递/)

    aliPay(非SDK模式)

    非SDK模式:内部调用 AlipayJSBridge.call('tradePay') SDK模式:内部调用 ap.tradePay(options)

    (Promise) this.$uniquePay.aliPay(params)

    参数说明

    微信

    支付参数

    权限验证配置

    支付宝

    支付参数

    回调说明

    {
        code: '',  //微信平台回调['ok'|'cancel'|'fail'],支付宝平台请参考官方文档 resultCode
        message: '', //回调消息
        ...          //支付平台返回的其他参数
    }
    License

    LICENSE

    Install

    npm i unique-pay

    DownloadsWeekly Downloads

    4

    Version

    0.0.4

    License

    ISC

    Unpacked Size

    78.7 kB

    Total Files

    8

    Last publish

    Collaborators

    • mvpleung