最近遇到一个问题，一个微信公众号，需要在多个域名上使用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. 潭州课堂25班：Ph201805201 django 项目 第十课 自定义错误码，完成图片验证码，用户是否被注册功能 (课堂笔记）

    把 视图传到前台的  JsonResponse(data=data) 先进行处理,之后再传到前台, 处理:引用自定义错误代码,把错误代码返回给前台,前台根据错误代码中文提示 class Code: O ...

  2. NOIP考纲总结+NOIP考前经验谈

    首先来一张图,很直观(截止到2012年数据) 下面是收集的一些,我改了一下 红色加粗表示特别重要,必须掌握 绿色加粗表示最好掌握,可能性不是很大,但是某些可以提高程序效率 高精度 a.加法 b.减法 ...

  3. [jzoj]1729.blockenemy

    Link https://jzoj.net/senior/#main/show/1729 Description 你在玩电子游戏的时候遇到了麻烦...... 你玩的游戏是在一个虚拟的城市里进行,这个城 ...

  4. MySQL数据库视图(view)，视图定义、创建视图、修改视图

    原文链接:https://blog.csdn.net/moxigandashu/article/details/63254901

  5. yii2 配合bootstrap添加一个气泡

    添加一个气泡 1.bootstrap 官网:http://getbootstrap.com/ 2.bootstrap 中文官网:http://v3.bootcss.com/ 添加气泡主要需要用到 bo ...

  6. xcode9上传app时报错iTunes Store operation failed 解决方案

    问题 上传至itunes Connect时报了两个错: iTunes Store Operation Failed ERROR ITMS-xxxxx:"description length: ...

  7. html提交表单到Servlet

    源码地址 https://github.com/YouXianMing/Java-Web-Study/tree/master/Servlet-Form 演示效果(注意post与get提交方式浏览器地址 ...

  8. ELK架构设计

    1.架构一 2.架构二 3.架构三 4.架构四 示例1: 示例二: ELKB简述 E:Elasticsearch 是一个基于Lucene的分布式搜索和分析引擎,具有高可伸缩.高可靠和易管理等特点.支持 ...

  9. docker安装mongodb并备份

    安装 官方镜像地址: https://hub.docker.com/_/mongo?tab=description 可以查看对应的dockerfile, 通过观察docker-entrypoint.s ...

  10. mysql存储过程实例,查询多参数赋值

    drop procedure if exists p_for_create_customer; create procedure p_for_create_customer()begin declar ...