微信中间页拿code的方式,去适配多个页面支付。。只配一个支付域名的情况。

/**
 * 通过跳转的方式去拿 openid
 * @param {String} ordersId - 订单id
 * @param {String|Number} orderFee - 订单金额
 * */
export function getOpenId (ordersId) {
  let userAgent = window.navigator.userAgent
  let isWechat = /MicroMessenger/.test(userAgent)
  let origin = window.location.origin
  let search = window.location.search
  let pathname = window.location.pathname
  // /order-pay/:orderIds/:orderFee
  let hash = `#/order/payconfirm/${ordersId}`
  // 直接跳转地址
  let packageUri = origin + pathname + search + hash
  // ------------
  if (isWechat && window.location.href.indexOf('code') === -1) {
    let appid = 'wxf2d3eddfdfd6b5e2'  //这个是appid 企业号
    let midwayIslands = origin + '/static/middle' // 支付中间页
    let redirectUri = `${midwayIslands}?package=${encodeURIComponent(packageUri)}`
    // 微信内部鉴权地址
    let weixinUrl = 'https://open.weixin.qq.com/connect/oauth2/authorize' +
      '?appid=' + appid +
      '&redirect_uri=' + encodeURIComponent(redirectUri) +
      '&response_type=code' +
      '&scope=snsapi_base' +
      '&state=index' +
      '&connect_redirect=1#wechat_redirect'
    window.location.replace(weixinUrl)
  } else {
    // 不是微信环境
    window.location.replace(packageUri)
  }
}

中间页其实就是 专门做跳转的 因为 传过来了 package,那么中间页的代码如下:





  
  
  



  




当然你可以在这个页面加个加载标识。。。

你可能感兴趣的:(微信中间页拿code的方式,去适配多个页面支付。。只配一个支付域名的情况。)