最近遇到一个问题，一个微信公众号，需要在多个域名上使用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. 上一篇是copy了整理网上的内容，这篇是一个推荐

    因为公司用的 轮播组件是 aui 的 ui库 这个轮播有样式单一等等很多的问题.... 包括滑动BUG(自己也踩了一个小坑,高度和宽度问题...需要设定好,滑动提示按钮点 丑陋............ ...

  2. HDU5293 : Tree chain problem

    问题即:选择价值和最多的链,使得每个点最多被一条链覆盖. 那么考虑其对偶问题:选择最少的点(每个点可以重复选),使得每条链上选了至少$w_i$个点. 那么将链按照LCA的深度从大到小排序,每次若发现点 ...

  3. FZU2259 : 图

    假设删除的边是$(u,v)$,分两种情况讨论: $1.$删除$(u,v)$之后$(u,v)$不再连通,那么说明$(u,v)$是图的桥,同时整个图都要是二分图. $2.$删除$(u,v)$之后$(u,v ...

  4. 64位ubuntu搭建android开发环境问题解决方案

    安装32位库支持,删除eclipse 的配置文件和.android目录(测试环境ubuntu 14.04) sudo apt-get install libc6-i386 lib32stdc++6 l ...

  5. centos7.4 python3.6 Anaconda3 的下安装tensorflow

    参考这个博客 https://blog.csdn.net/learn_tech/article/details/79861683 在anaconda环境下,安装tensorflow 2018年04月0 ...

  6. word2vec skip-gram系列2

    Word2Vec的CBOW模型和Skip-gram模型 故事先从NNLM模型说起,网络结构图如下图所示,接下来先具体阐述下这个网络, 输入是个one-hot representation的向量.比如你 ...

  7. flask内容学习之蓝图以及单元测试

    蓝图的概念: 简单来说,蓝图是一个存储操作方法的容器.这些操作在这个蓝图被注册到一个应用之后就可以被调用.Flask可以通过蓝图来制止URL以及处理请求.Flask使用蓝图来让应用实现模块化,在Fla ...

  8. Flask-WTF表单的使用

    使用flask的WTF表单 #! /usr/bin/env python # *-* coding: utf-8 *-* from flask import Flask, render_templat ...

  9. db2 执行报错收集

    1.对于执行中的报错,可以在db2命令行下运行命令 : db2=>? SQLxxx 查看对应的报错原因及解决方法. 2.错误SQL0206N SQLSTATE=42703  检测到一个未定义的列 ...

  10. angularJs中怎么模拟jQuery中的this？

    最近自己正在学习angularJs,在学到ng-click时,由于想获取当前点击元素的自身,开始想到了用$index来获取当前元素的索引同样能实现我想要的效果,但是在有些特殊的情况下,使用$index ...