最近遇到一个问题，一个微信公众号，需要在多个域名上使用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. IntelliJ IDEA配置Springboot2.x 通过devtools实现代码热部署，提高调试效率

    1.pom.xml添加依赖: <dependency> <groupId>org.springframework.boot</groupId> <artifa ...

  2. LINUX文件及目录管理命令基础(2)

    Linux文件类型 文件作为Linux操作系统中最常见的对象,在系统中被分为了多种类型 如下: - 普通文件 d 目录 l 链接 b 块设备 c 字符设备 p 管道设备 s 套接字文件 Linux目录 ...

  3. 09树莓派一体化安装(All-In-One Installer)智能家居平台Home Assistant

    2017-08-30 13:29:38 Raspberry Pi All-In-One Installer 全新安装树莓派系统(系统为官方的RASPBIAN STRETCH WITH DESKTOP, ...

  4. django进阶篇

    原文连接:http://www.cnblogs.com/wupeiqi/articles/5246483.html Model 到目前为止,当我们的程序涉及到数据库相关操作时,我们一般都会这么搞: 创 ...

  5. IDEA15 创建javaweb 并配置Tomcat(转)

    1.打开IDEA选择Web Application 2.在WEB-INF下创建如图两个文件夹 3.在右上角找到这个,准备配置Tomcat 4.在弹出的窗口里像这样配置LocaleHost 5.设置好本 ...

  6. 常见的git清单

    我们每天使用 Git ,但是很多命令记不住. 一般来说,日常使用只要记住下图6个命令,就可以了.但是熟练使用,恐怕要记住60-100个命令. 这篇文章是从别人博客上copy重新整理出来的,作为笔记用, ...

  7. 何谓sdk，何谓api

    狭义上的 SDK 指 Windows SDK,包括在 Windows 平台进行开发的一系列头文件和库文件以及命令行工具等. API 是 SDK 提供给用户的函数,即接口就是这个 SDK 提供给你用于应 ...

  8. 附近有什么？8款可以查周边的App

    如今科技发达的时代,手机的功能不仅仅只是能通讯聊天,而是逐渐的走进了人们的生活中.因为有了APP,我们的生活才更丰富,并且有很多是我们生活中不可缺少的软件,而这些软件便是根据手机中的GPS定位系统而来 ...

  9. CSS魔法堂：改变单选框颜色就这么吹毛求疵！

    前言  是否曾经被业务提出"能改改这个单选框的颜色吧!让它和主题颜色搭配一下吧!",然后苦于原生不支持换颜色,最后被迫自己手撸一个凑合使用.若抛开input[type=radio] ...

  10. 开发入门，学Java还是学大数据？

    经常有人问,我想学习开发,到底是学Java好还是学大数据好?或者是,学习大数据还有必要学Java吗?      依我说,这个提问的标准答案是:两者都学.      先来甩两张图.      一张是腾讯 ...