微信公众号授权突破微信开放平台只能配置两个的限制

参考链接：https://github.com/HADB/GetWeixinCode

大致思路：让微信授权配置到同一个域名下进行访问
打开上面的链接，下载文件到某个域名（b域名）下，然后在要授权的地方点击访问文件下的get-weixin-code.html文件
这样就做到微信开放平台只能配置两个的限制了但是会出现回退时一直卡在授权地方，所以我把代码做了以下改动

点击授权地方的链接设置：

// scope根据需要设置 redirect_uri回调路由（具体参考微信文档，授权需要配置信息）
window.location.href = b域名 + '/GetWeixinCode-master/get-weixin-code.html?appid=' + appId + '&scope=snsapi_userinfo&state=getUserBack&redirect_uri=' + url

get-weixin-code.html.html（只贴出了修改的地方，其余的不用动）

 <script>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 (localStorage.getItem('user_code_status') == 2) {urlBack()return}var user_code_status = localStorage.getItem('user_code_status')if (!code) {// 没有点授权回退if (user_code_status && user_code_status != 0) {urlBack()return}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，跳转至微信授权页面获取coderedirectUri = GWC.appendParams(baseUrl, {'appid': appId,'redirect_uri': encodeURIComponent(location.href),'response_type': 'code','scope': scope,'state': encodeURIComponent(state),});localStorage.setItem('user_code_status', 1);} else {//第二步，从微信授权页面跳转回来，已经获取到了code，再次跳转到实际所需页面redirectUri = GWC.appendParams(GWC.urlParams['redirect_uri'], {'code': code,'state': encodeURIComponent(state)});localStorage.setItem('user_code_status', 2);}window.location.href = redirectUri;}};GWC.getUrlParams();GWC.doRedirect();// 回退方法(activity.html为需要回退的页面)function urlBack() {var urlCan = GWC.urlParams['redirect_uri']var urlstr = urlCan.split('/')if (urlstr[2]) {var urls = urlstr[0] + '//' + urlstr[2]window.location.replace(urls + '/activity.html' ));localStorage.removeItem('user_code_status')}}</script>

同时需要在下载的GetWeixinCode文件增加一个页面（我这边定义为index.html）用来清localStorage，放在点击授权的页面引用

点击授权的页面增加一个窗口：

html:
<iframe src="" frameborder="0" style="width: 0;height:0" id="iframe"></iframe>js:
$('#iframe').attr('src', b域名+ '/GetWeixinCode-master/index.html')

index.html:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title></title>
</head><body><script>localStorage.removeItem('user_code_status')</script>
</body>
</html>

又熬了个通宵！

微信公众号授权突破微信开放平台只能配置两个的限制相关推荐

微信登录 sdk 服务器,微信登录(微信公众号授权)的开发（详解）——两三行代码的事，何必呢...
新版重构的SDK已经开始在写了,具体的使用方法参考新版重构的SDK已经开始在写了,具体的使用方法参考新版重构的SDK已经开始在写了,具体的使用方法参考新版重构的SDK已经开始在写了,具体的使用方 ...
RuoYi-App移动版（uni-app）微信公众号授权登录
前言略 uni-app 未提供微信公众号授权登录 uni.login是一个客户端API,统一封装了各个平台的各种常见的登录方式,包括App手机号一键登陆.三方登录(微信.微博.QQ.Apple.go ...
获取微信公众号授权失败, 请稍后重试！公众平台返回原始数据为: 错误代码-40164
获取微信公众号授权失败, 请稍后重试! 公众平台返回原始数据为: 错误代码-40164,错误信息-invalid ip, not in whitelist hint: [] 通过开发者ID及密码调用获 ...
微信公众号授权登录（asp.net + angular）
微信是时下最火的,上面有数以亿计的用户,如果能接入微信将大大减低注册门槛,当然,接入微信登录是有门槛的.微信登录一般有两个,一个是微信开放平台授权登录,一个是微信公众号授权登录,两者都需要认证才可以继 ...
公众平台模板消息所在行业_微信公众号模板消息群发第三方平台可以免费试用吗？...
使用公众号后台模板消息功能,只能添加模板和修改所在行业,如果想要群发模板消息,可以通过公众号后台的接口自己编程实现,也可使用第三方平台微号帮功能模板消息群发,都可以实现微信公众号模板消息群发,突破公众 ...
【分享】微信公众号在 “集简云平台“ 集成应用的常见问题与解决方案
"function category of API need be confirmed by component rid"错误是由于使用未认证的微信公众号或者个人微信公众号没有此 ...
微信登录(微信公众号授权)的开发（详解）
1.UnionId和OpenId 微信登录最重要的两个返回信息,一个是UnionId,一个是OpenId.两者之间有着必然的联系. 首先,先来理一下微信开放平台的架构.开发微信登录,必须有一个开放平台 ...
微信公众号授权步骤详细步骤介绍和整合springboot开发（java版）
文章有不当之处,欢迎指正,如果喜欢微信阅读,你也可以关注我的微信公众号:好好学java,获取优质学习资源. 一.微信公众号授权步骤首先到微信公众平台注册账号,可以看到有四种类型(服务号,订阅号,小程 ...
vue开发项目微信公众号授权支付开发
一.注册微信公众号服务号并填写企业信息(个人订阅号没有开发微信支付的权限) 链接: https://mp.weixin.qq.com/ 二.在微信公众号内进行微信认证(3-5个工作日) 三.在微信公众 ...
Java在Web端微信公众号授权登录
Java在Web端微信公众号授权登录 1.需要在微信开发平台配置 url:是自己服务中的微信需要推给你的地址(需要使用二级域名,可以去添加链接描述)购买9块钱1个月使用权或者白嫖都可 token 这个 ...

微信公众号授权突破微信开放平台只能配置两个的限制

微信公众号授权突破微信开放平台只能配置两个的限制相关推荐

最新文章

热门文章