微信网页登陆多域名回调解决

最新推荐文章于 2024-02-02 22:12:21 发布

bailu0417

最新推荐文章于 2024-02-02 22:12:21 发布

阅读量907

点赞数

分类专栏：微信公众号开发

本文链接：https://blog.csdn.net/i37410417/article/details/105064662

版权

微信公众号开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

最近多个程序遇到需要微信登陆，微信官方只允许添加两个域名，显然是不满足需求的，经过查询，有了如下代码：

实现思路：A域名为中转域名，将中转域名和微信官方对接后，所有的业务BCD域名都去请求中转A域名，A域名再去请求微信，将返回的State和Code原封不动的转发给业务域名，业务域名拿到这两个值后获取access_token,再通过access_token获取用户信息

代码如下:

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>微信网页多域名授权登录</title>
    </head>

    <body>
        <script>
            var GWC = {
                version: '1.1.1',
                urlParams: {},
                appendParams: function(url, params) {
                    if (params) {
                        var baseWithSearch = url.split('#')[0];
                        var hash = url.split('#')[1];
                        for (var key in params) {
                            var attrValue = params[key];
                            if (attrValue !== undefined) {
                                var newParam = key + "=" + attrValue;
                                if (baseWithSearch.indexOf('?') > 0) {
                                    var oldParamReg = new RegExp('^' + key + '=[-%.!~*\'\(\)\\w]*', 'g');
                                    if (oldParamReg.test(baseWithSearch)) {
                                        baseWithSearch = baseWithSearch.replace(oldParamReg, newParam);
                                    } else {
                                        baseWithSearch += "&" + newParam;
                                    }
                                } else {
                                    baseWithSearch += "?" + newParam;
                                }
                            }
                        }
                        if (hash) {
                            url = baseWithSearch + '#' + hash;
                        } else {
                            url = baseWithSearch;
                        }
                    }
                    return url;
                },
                getUrlParams: function() {
                    var pairs = location.search.substring(1).split('&');
                    for (var i = 0; i < pairs.length; i++) {
                        var pos = pairs[i].indexOf('=');
                        if (pos === -1) {
                            continue;
                        }
                        GWC.urlParams[pairs[i].substring(0, pos)] = decodeURIComponent(pairs[i].substring(pos + 1));
                    }
                },
                doRedirect: function() {
                    var code = GWC.urlParams['code'];
                    var appId = GWC.urlParams['appid'];
                    var scope = GWC.urlParams['scope'] || 'snsapi_base';
                    var state = GWC.urlParams['state'];
                    var redirectUri;
                    if (!code) {
                        //第一步，没有拿到code，跳转至微信授权页面获取code
                        redirectUri = GWC.appendParams('https://open.weixin.qq.com/connect/oauth2/authorize#wechat_redirect', {
                            'appid': appId,
                            'redirect_uri': encodeURIComponent(location.href),
                            'response_type': 'code',
                            'scope': scope,
                            'state': state,
                        });
                    } else {
                        //第二步，从微信授权页面跳转回来，已经获取到了code，再次跳转到实际所需页面 
                        redirectUri = GWC.appendParams(GWC.urlParams['redirect_uri'], {
                            'code': code,
                            'state': state
                        });
                    }
                    location.href = redirectUri;
                }
            };
            GWC.getUrlParams();
            GWC.doRedirect();
        </script>
    </body>

</html>```

bailu0417

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
微信网页登陆多域名回调解决

最近多个程序遇到需要微信登陆，微信官方只允许添加两个域名，显然是不满足需求的，经过查询，有了如下代码：实现思路：A域名为中转域名，将中转域名和微信官方对接后，所有的业务BCD域名都去请求中转A域名，A域名再去请求微信，将返回的State和Code原封不动的转发给业务域名，业务域名拿到这两个值后获取access_token,再通过access_token获取用户信息代码如下:<!DOCT...
复制链接

扫一扫