最近遇到一个问题，一个微信公众号，需要在多个域名上使用OAuth2.0网页授权，但微信OAuth2.0网页授权回调域名只能设置一个。

解决办法：

通过多一次的跳转，解决了微信限制回调域名只能设置一个的问题。

如果你看到这段文字，说明您正使用RSS阅读或转自《一棵树-博客园》，原文地址：http://www.cnblogs.com/atree/p/OAuth2-get-weixin-code.html 

跳转网页代码get-weixin-code.html：

<!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 isMp = GWC.urlParams['isMp']; //isMp为true时使用开放平台作授权登录，false为网页扫码登录

                    var baseUrl;

                    var redirectUri;

                    if (!code) {

                        baseUrl = "https://open.weixin.qq.com/connect/oauth2/authorize#wechat_redirect";

                        if(scope == 'snsapi_login' && !isMp){

                            baseUrl = "https://open.weixin.qq.com/connect/qrconnect";

                        }

                        //第一步，没有拿到code，跳转至微信授权页面获取code

                        redirectUri = GWC.appendParams(baseUrl, {

                            '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>

使用方法

  1. 部署get-weixin-code.html至你的微信授权回调域名的目录下，例如http://wx.abc.com/get-weixin-code.html

  2. 在其他页面的使用方式如下，类似于直接通过微信回调的方式，只是将回调地址改成了get-weixin-code.html的地址，另外省 去了response_type参数（因为它只能为code）以及#wechat_redirect的hash，它们会在get-weixin- code.html里面去加上

    location.href = 'http://wx.abc.com/get-weixin-code.html?appid=XXX&scope=XXX&state=XXX&redirect_uri=' + encodeURIComponent(location.href);
  3. get-weixin-code.html页面从微信那里拿到code之后会重新跳转回调用的页面，并且在url后面带上code

微信OAuth2.0网页授权设置一个域名需多个域名使用的问题的更多相关文章

  1. 解决微信OAuth2.0网页授权回调域名只能设置一个的问题

    https://github.com/HADB/GetWeixinCode GetWeixinCode 解决微信OAuth2.0网页授权回调域名只能设置一个的问题 使用方法 部署get-weixin- ...

  2. 转载：解决微信OAuth2.0网页授权回调域名只能设置一个的问题

    项目地址:https://github.com/HADB/GetWeixinCode 说明:微信项目很多,但是回调域名有限,经常使用,做个笔记. 解决微信OAuth2.0网页授权只能设置一个回调域名的 ...

  3. 微信OAuth2.0网页授权接口

    微信OAuth2.0网页授权接口 微信OAuth2.0网页授权接口的thinkphp实现版本号.主要实现了oauth网页受权,以及部分其它接口. 用法 为什么用OAuth2.0受权? 通过OAuth2 ...

  4. 微信OAuth2.0网页授权

    1.OAuth2.0网页授权 关于网页授权的两种scope的区别说明 1.以snsapi_base为scope发起的网页授权,是用来获取进入页面的用户的openid的,并且是静默授权并自动跳转到回调页 ...

  5. 微信OAuth2.0网页授权php示例

    1.配置授权回调页面域名,如 www.aaa.com 2.模拟公众号的第三方网页,fn_system.php <?php if(empty($_SESSION['user'])){ header ...

  6. 微信公众平台开发（71）OAuth2.0网页授权

    微信公众平台开发 OAuth2.0网页授权认证 网页授权获取用户基本信息 作者:方倍工作室 微信公众平台最近新推出微信认证,认证后可以获得高级接口权限,其中一个是OAuth2.0网页授权,很多朋友在使 ...

  7. 微信公众平台开发（71）OAuth2.0网页授权-摘抄

      微信公众平台开发 OAuth2.0网页授权认证 网页授权获取用户基本信息 作者:方倍工作室 微信公众平台最近新推出微信认证,认证后可以获得高级接口权限,其中一个是OAuth2.0网页授权,很多朋友 ...

  8. 微信OAuth2.0网页受权php

    www.MyException.Cn 网友分享于:2014-01-19 浏览:2504次 微信OAuth2.0网页授权php示例 1.配置授权回调页面域名,如 www.aaa.com 2.模拟公众号的 ...

  9. C#-MVC开发微信应用(2)--OAuth2.0网页授权

    微信公众平台最近新推出微信认证,认证后可以获得高级接口权限,其中一个是OAuth2.0网页授权,很多朋友在使用这个的时候失败了或者无法理解其内容,希望我出个教程详细讲解一下,于是便有了这篇文章. 一. ...

随机推荐

  1. ２０１７　ACM　字符串的本质

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=2017 思路:思考字符串和数字的本质区别是什么. 今天先是试着做了一个完全背包的题目,发现自己还是不会做,弄 ...

  2. Ubuntu安装python3虚拟环境

    大多数Linux自带python2.7,而Ubuntu1.6也自带python3.x,本文章主要记录virtualenv+vitualenvwrapper使用python3虚拟环境 虚拟环境好处不多说 ...

  3. php 将16进制数串转换为二进制数据的函数

    /**     * 将16进制数串转换为二进制数据的函数     * @param $hexdata     * @return string bindata     */     function ...

  4. [ZOJ2069]Greatest Least Common Multiple

    [ZOJ2069]Greatest Least Common Multiple 题目大意: 给定一个正整数\(n\),将其分成若干个正整数之和,最大化这些数的LCM.保证答案小于\(10^{25}\) ...

  5. BZOJ3795 : 魏总刷DP

    对于HARD: 需要满足$k+u[i]\times k\leq T+late[i]$. 对于EASY: 需要满足$k+u[i]\times k\leq T-rest[i]$. 故对于HARD,设$a[ ...

  6. Java API实现Hadoop文件系统增删改查

    Java API实现Hadoop文件系统增删改查 Hadoop文件系统可以通过shell命令hadoop fs -xx进行操作,同时也提供了Java编程接口 maven配置 <project x ...

  7. Maven实战（八）——常用Maven插件介绍（下）

    我们都知道Maven本质上是一个插件框架,它的核心并不执行任何具体的构建任务,所有这些任务都交给插件来完成,例如编译源代码是由maven- compiler-plugin完成的.进一步说,每个任务对应 ...

  8. 常用的sort打乱数组方法真的有用？

    JavaScript 开发中有时会遇到要将一个数组随机排序(shuffle)的需求,一个常见的写法是这样: function shuffle(arr) { arr.sort(function () { ...

  9. selenium 3+java 配置全

    之前有配置过java+selenium的环境,感觉将的不够详细,这里重新写一篇,以便日后复习,和大家共享. 一.准备工作. 首先在配置之前需要准备以下:   JDK    Eclipse    Sel ...

  10. JS自学笔记02

    JS自学笔记02 1.复习 js是一门解释性语言,遇到一行代码就执行一行代码 2.查阅mdn web文档 3.提示用户输入并接收,相比之下,alert只有提示的作用: prompt(字符串) 接收: ...