最近遇到一个问题，一个微信公众号，需要在多个域名上使用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. JAVA的8种基本数据类型和类型转换

    byte 字节型                        1字节(8bit) 初始值:0 char 字符型 2字节 空格 short 短整型 2字节 0 int 整形    4字节 0 long ...

  2. 4535 ACM 礼尚往来 数学排列组合

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=4535 题意:每个礼物都不相同的组合个数 数学规律: 将每个女友排序为1···n,对应的女友送男友的礼物排序 ...

  3. Django复习1

    django常用命令:http://www.cnblogs.com/ldq1996/p/7731930.html Django查询SQL语句: http://www.cnblogs.com/ldq19 ...

  4. 统一各浏览器CSS 样式——CSS Reset

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, ...

  5. BZOJ4095 : [Usaco2013 Dec]The Bessie Shuffle

    首先将排列和整个序列以及询问都反过来,问题变成给定一个位置$x$,问它经过若干轮置换后会到达哪个位置. 每次置换之后窗口都会往右滑动一个,因此其实真实置换是$p[i]-1$. 对于每个询问,求出轮数, ...

  6. Java 构造器 通过私有构造器强化不可实例化的能力

    只有当类不包含显式的构造器时,编译器才会生成一个公有的.无参的缺省构造器.只要让一个类包含私有构造器,这个类就不能被实例化了.示例: // 工具类 public class UtilityClass ...

  7. Mssql数据库与Excel导数据

    *.xls   2003的excel有行数限制,65535行好像,所以数据库行数多的时候,选择导出为*.xlsx文件 要装一下Microsoft.ACE.OLEDB.12.0(以下简称 ACE 引擎) ...

  8. 关于#!/bin/bash和#!/bin/sh

    关于#!/bin/bash和#!/bin/sh   #!/bin/bash是指此脚本使用/bin/bash来解释执行. 其中,#!是一个特殊的表示符,其后,跟着解释此脚本的shell路径. bash只 ...

  9. jQuery 学习04——遍历：定义、向上、向下、同级、过滤

    Query 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素. 以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止 ...

  10. 诡异的druid链接池链接断开故障经验总结

    背景 症状 排查 修复 背景 最近在陆续做机房升级相关工作,配合DBA对产线数据库链接方式做个调整,将原来直接链接读库的地址切换到统一的读负载均衡的代理 haproxy 上,方便机柜和服务器的搬迁. ...