微信支付

使用限制

接口定义

wxpay.getType(OBJECT)

描述

获取当前可用的微信支付调用方式。

返回值

wxpay.pay(OBJECT)

描述

发起微信支付。

OBJECT参数

app方式extra参数说明：

网页方式extra参数说明：

success返回值：

fail返回错误码：

示例代码

useWxpay: function() {
    var payType = wxpay.getType();
    if (payType == 'APP') {
        wxpay.pay({
            //微信 app支付的prepayId
            prepayid: 'your order prepayid,eg: wx20170101abcdef1234567890',
            extra: {
                app_id: 'your app_id',
                partner_id: 'your partner_id',
                package_value: 'your package_value',
                nonce_str: 'your nonce_str',
                time_stamp: 'your time_stamp',
                order_sign: 'your order sign'
            },
            fail: function(data, code) {
                console.log("WX PAY failed, code=" + code);
            },
            cancel: function(data) {
                console.log("WX PAY cancelled by user");
            },
            success: function(data) {
                console.log("WX PAY success");
            }
        })
    } else if (payType == 'MWEB') {
        wxpay.pay({
            //微信网页支付的prepayId
            prepayid: 'your order prepayid,eg: wx20170101abcdef1234567890',
            extra: {
                //传递给支付页面的自定义参数, 根据需要进行设置, 会被urlEncode之后拼接在配置的url尾部
                mweb_url: 'https://wx.tenpay.com/cgi-bin/mmpayweb-bin',
                customeKey1: 'customeValue1',
                customeKey2: 'customeValue2'
            },
            fail: function(data, code) {
                console.log("WX H5 PAY handling fail, code=" + code);
            },
            cancel: function(data) {
                console.log("WX H5 PAY handling cancel");
            },
            success: function(data) {
                //H5方式下，支付成功的回调仅仅只是指将订单递交给微信，并不意味着支付已经成功完成
                console.log("WX H5 PAY handling success");
            }
        })
    } else {
        console.log("wx pay not available.");
    }
}

1040 版本开始，微信网页支付支持设置referer方式的示例代码：

<template>
    <div class="container">
        <div class="page-title-wrap">
            <text class="page-title">{{componentName}}</text>
        </div>
        <input class="btn" type="button" value="微信支付类型" onclick="payType" />
        <input class="btn" type="button" value="微信app支付" onclick="appPay"/>
         <input class="btn" type="button" value="微信web支付" onclick="webPay"/>
    </div>
</template>
<style>
    @import '../Common/css/common.css';
</style>
<script>
    import pay from '@service.wxpay'
    import prompt from '@system.prompt'
    import device from '@system.device'
    export default {
        data: {
            componentName: 'wxpay'
        },
        onInit: function () {
            this.$page.setTitleBar({ text: 'wxpay' })
            console.info('page init ing')
            console.info('platform  VersionCode ' + device.platform.versionCode)
            console.info('page  name ' + this.$page.name + " page component " + this.$page.component  + " page path " + this.$page.path)
        },
        payType: function () {
            var payType = pay.getType()
            console.info(' wxpay call function getType')
            prompt.showToast({
                message: 'pay type is ' + payType
            })
        },
       appPay: function () {
           console.info('wxpay call function appPay')
           pay.pay({
               prepayid: 'wx31144125075572856c06803c3317399963', // your order prepayid,eg: wx20170101abcdef1234567890
               extra: {
                   app_id: 'wxf2d0692792ceed2e', // your app_id
                   partner_id: '1217180501', // your partner_id
                   package_value: 'Sign=WXPay', // your package_value
                   nonce_str: '6f65bd777a1e4b5f9cab39223f8311ae', // your nonce_str
                   time_stamp: '1533019285', // your time_stamp
                   order_sign: 'AA7AFB31EAA6881ED23C1D71A38AE95D' // your order sign
               },
                 fail: function (data, code) {
                  console.log('WX PAY ' +  pay.getType() + 'failed, code = ' + code);
                  prompt.showToast({
                      message: 'WX PAY ' +  pay.getType() + ' failed, code = ' + code
                  })
              },
              cancel: function (data) {
                  console.log('WX PAY ' +  pay.getType() + ' cancelled by user');
                   prompt.showToast({
                      message: 'WX PAY ' +  pay.getType() + ' cancelled by user'
                  })
              },
              success: function (data) {
                  console.log('WX PAY ' +  pay.getType() + ' success');
                   prompt.showToast({
                      message: 'WX PAY ' +  pay.getType() + ' success'
                  })
              }
           })
        },
        webPay: function () {
          console.info('wxpay call function webPay')
          pay.pay({
              prepayid: 'wx09113246667953cfb8d067ad1892777375', // your order prepayid,eg: wx20170101abcdef1234567890
              referer: 'https://www.huawei.cn', //your host name configured in wechat
              extra: {
                  mweb_url: 'https%3A%2F%2Fwx.tenpay.com%2Fcgi-bin%2Fmmpayweb-bin%2Fcheckmweb%3Fprepay_id%3Dwx09113246667953cfb8d067ad1892777375%26package%3D299247950%26redirect_url%3Dhttps%3A%2F%2Fm.vip.com%2Fuser-order-detail-list-0.html',
                  prepayid: 'wx09113246667953cfb8d067ad1892777375'
              },
              fail: function (data, code) {
                  console.log('WX PAY ' +  pay.getType() + ' failed, code = ' + code);
                  prompt.showToast({
                      message: 'WX PAY ' +  pay.getType() + ' failed, code = ' + code
                  })
              },
              cancel: function (data) {
                  console.log('WX PAY ' +  pay.getType() + ' cancelled by user');
                   prompt.showToast({
                      message: 'WX PAY ' +  pay.getType() + ' cancelled by user'
                  })
              },
              success: function (data) {
                  console.log('WX PAY ' +  pay.getType() + ' success');
                   prompt.showToast({
                      message: 'WX PAY ' +  pay.getType() + ' success'
                  })
              }
          })
        }
    }
</script>

wxpay.payScoreEnable(OBJECT)（1072+）

描述

开通微信支付分。

OBJECT参数

fail返回错误码：

示例代码

pay.payScoreEnable({
    success: function (data) {
        console.log('WX payScoreEnable success');
        prompt.showToast({
            message: 'WX payScoreEnable success'
        })
    },
    fail: function (data, code) {
        console.log('WX payScoreEnable failed, message = ' + data.content + ' code = ' + code);
        prompt.showToast({
            message: 'WX payScoreEnable failed, message = ' + data.content + ' code = ' + code
        })
    }
})

相关链接

FAQ

微信网页支付不管是否支付成功，都是回调success吗？

案例

微信H5 referer支付未拉起微信收银台