vue前端做微信支付与提现

微信公众号里我们时常会遇到一些提现支付。作为前端我们又该怎样来做呢？

一、首先我们前端要获取code去后台换openid,

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapz直接一个链接redirect_uri后跟链接的下一个页面

在链接后的下一个页面

function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r != null) return unescape(decodeURI(r[2]));
        return null;
    }
    var code = GetQueryString("code")

    window.localStorage.setItem('code', code);
    var isFirst = true;

    var state = GetQueryString("state")

    var series = GetQueryString("series")

获取到code

由于vue是一个页面用路由去的页面 所以a链接里带/#/ 导致会报错

所以我们要写点击事件 用点击事件去下一个页面

   window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=" + encodeURIComponent('http://www.baidu.com/#/balanceWithdrawal?VNK=bc012532') + "&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect"

这里用到了  encodeURIComponent

  encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。

二、获取到code 

 window.localStorage.getItem('code');

接下来请求后台接口 将code传给后台

取到openid

具体情况 看微信开发文档