H5+微信移动支付配置

• 关键代码
• 相关问题
• BMW WARNING

关键代码

本文采用 dcloud 开源的 JSBridge 库 H5+，详情查阅官方文档
H5+ API
支付插件配置地址支付插件

（框架 vue)

data () {
    return {
      payType: '2',
      payTypes: [
       {
         // icon: 'http://dn-placeholder.qbox.me/110x110/FF2D55/000',
         key: '1',
         value: '支付宝'
       },
      {
        // icon: 'http://dn-placeholder.qbox.me/110x110/FF2D55/000',
        key: '2',
        value: '微信支付'
      }],
      channels: []
    }
  },
  methods: {
    /**
     * 获取服务
     */
    getSerivces() {
      let me = this;

      plus.payment.getChannels(function(channels){
          me.channels=channels;
      },function(e){
          alert("获取支付通道失败："+e.message);
      });
    },

    /* 支付 */
    pay(){
      let me = this;
      SelectPayType({orderNum: this.activeOrderNum, payType: this.payType}).then(res => {
        if (res.code == 101) {
          let channel,
            data = JSON.parse(res.data);

          var payType = me.payType == '1' ? 'alipay' : 'wxpay';

          me.channels.forEach(function(val) {
            val.id == payType && (channel = val)
          })

          plus.payment.request(channel, data, function(result){
            me.isShowPayTypes = false;
            plus.nativeUI.alert("支付成功！订单状态将在稍后更新，请不要重复付款",function(){
                back();
            });
            me.jump({name:'订单详情',query:{orderNum: me.activeOrderNum}})
          },function(error){
              plus.nativeUI.alert("支付失败：" + error.code);
          });
        } else {
          me.$vux.toast.show({
            text: res.message,
            type: 'warn'
          })
        }
      })
    }
  },

  mounted(){
    if(window.plus){
     this.getSerivces()
    }else{
    // getSerivces()
     // document.addEventListener('plusready', this.getSerivces,false)
    }
  }

//selectPayType是请求支付需要相关字段，需要查看相关平台接口文档，本文为微信，返回的字段如下
{
    "package": "Sign=WXPay",
    "appid": "wx7xxxxxx4987f28",
    "sign": "51B0ADxxxxx4E480486C70BD64BF44E1D",
    "partnerid": "148xxx722",
    "prepayid": "wx2017xxxxxx2fc85d2cc3c0205143628",
    "noncestr": "k2xxxxx3X2D1O4YCz7Hn4s",
    "timestamp": "1503312709"
}

相关问题

提示 支付失败：-100 支付失败：[payment 微信：-1] 的问题

微信支付不能真机调试，只能打包安装测试，因为要 app 的真实签名。
真机调试用的是 dcloud 的调试基座 app 的 wx0411fa6a39d61297。
如果嫌打包麻烦，可以把后端返回的数据 appid 换成 wx0411fa6a39d61297
安卓平台下，首先查看微信开放平台配置的参数与提交打包的参数是否一致，主要包括(应用签名、包名)。
其中应用签名如果使用的 DCloud 公用证书则必须是“59201CF6589202CB2CDAB26752472112”。
开发信息

配置信息

BMW WARNING

• Bulletin

本文首发于 skyline.show 欢迎访问，
文章实时更新，如果有什么错误或不严谨之处望请指出，十分感谢。
如果你觉得有用，欢迎到Github仓库点亮⭐️。

I am a bucolic migant worker but I never walk backwards.

• Material

参考资料如下列出，部分引用可能遗漏或不可考，侵删。

• Warrant

本文作者： Skyline(lty)

文章链接：http://www.skyline.show/H5+微信移动支付配置.html

授权声明： 本博客所有文章除特别声明外， 均采用 CC BY - NC - SA 3.0 协议。 转载请注明出处！