企业微信中网页授权时redirect_url带有#号跳转不正确

最新推荐文章于 2024-05-11 17:46:42 发布
最新推荐文章于 2024-05-11 17:46:42 发布
阅读量1.2k 收藏
点赞数
文章标签： 企业微信 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45806112/article/details/132837605
版权

问题描述：
在开发企业微信中的应用程序时要增加扫码登录功能，使用vue写的，因为使用的是hash路由，访问页面路径是带有#的，扫码成功后向redirect_url跳转时，发现了地址里的？和code都在#前面，并且不能跳转到指定页面

解决办法
然后在redirect_url后面的参数用encodeURIComponent对链接进行处理，成功跳转并且code不会出现在#前面了

qq_45806112
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信开发 - 最新第三方网站接入微信登录、微信支付时，本地 redirect_uri 参数错误导致无法调试的解决方案（微信开放平台）完美解决每次都需要部署到线上测试，在本地使用本地 ip 就能轻松调试
王佳斌
11-10 6264
redirect_uri参数错误，微信第三方登录，没有服务器时的测试方法，微信开放平台的回调域名怎么设置为本地域名IP，微信登录微信支付每次调试都需要放到服务器上怎么办，微信登录支付业务在本地调试不了怎么办，在本地怎么测试微信支付和登录，微信第三方登陆本地测试，怎么在本地进行测试，微信回调域怎么设置为本地IP，微信扫码登录redirect_uri参数错误，微信开放平台，微信开放平台开发的第三方登录和支付，vue2，nuxt2，vue3，nuxt3，uniapp，微信开放平台，公众号，微信支付，微信登录授权，
redirect_uri携带#导致微信授权登录回调url错误的一种解决方案
beijinglaomao的博客
09-20 4663
我发现虽然跳转的url是错误的，但是http://test.cn/#/callback这个页面仍然会被访问到，只是参数无法被正常地获取。所以我的思路是，在这个页面的created()中，获取完整的url，然后通过正则表达式，获取错误url中的code和state。如果能获取成功，说明当前是错误的url，则需要用code和state拼接成正确的带#的url，并跳转过去。这种情况下，无法正常得通过url获得code和state参数的值，从而导致无法继续下一步获取access_token的步骤。
vue 调用共众url_vue+微信公众号开发 网页授权返回url路径中带#不识别，无法授权解决方案...
weixin_35110266的博客
12-23 1912
带个#可真是坑啊！！！第一次开发微信公众号，原本看起来并不复杂，前端负责调接微信接口的地方很少，为了安全起见，大部分接口都是由后端处理，前端只需负责调通后端接口即可，当然还有少部分需要前端来处理。在微信公众号开发中，网页授权第一步需要用户同意授权，获取code ，微信官方提供的获取code接口如下(具体接口介绍请查看微信开发者文档)https://open.weixin.qq.com/conne...
微信网页授权跳转链接带#的处理
flyer0428的博客
05-02 2649
错误： http://localhost:8080/edot-xywsj-weixin/main.html#immuInoc?code=1&state=wxb2c4b6d25d89c719&bindFlag=true 过滤器：<url-pattern>/main.html</url-pattern> 能过滤，能跳转，但请求参数取不到   正确： ...
微信网页授权，解决REDIRECT_URL携带#号，微信返回时临时code等参数拼接在URL中间，而不是最后面
qq_37967380的博客
04-12 6339
微信授权获取临时code的URL https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=012#wechat_redirect 授权逻辑代码 通过window.history.pushState({}, 0, jumpURL)解决问题=，其中jumpU.
微信开发网页授权redirect_uri错误
Zhliu
09-18 1253
出现这个问题，通常是因为微信在回调时会检测域名是否被允许回调。所以我们在微信开发者中心把需要回调的域名添加即可！
oauth2授权码登录踩坑积累一（登录页无法跳转到授权页面）
热门推荐
liu379333171的博客
09-10 1万+
导读： 最近一直在集成springcloud+oauth2授权登录，密码模式和自定义的短信验证码已经按照网上的教程集成好了， 其中也有很多坑，，网上的教程大多参差不齐，缺这缺那，好像没有一个完整可跑起来的demo。 废话不说，先说现象，问下你们是不是报这个错： 现象还原： 一，调用oauth2授权码登录 二、因为没有登录，所以会跳转到登录页面， 三，输入密码跳转到授权页面 分析问题： 1，网上大量查资料，有一个比较类似现象的blog，按照他搞的完全没有效果，可能只针对他个人出现..
微信网页授权redirect_uri错误的可能错误之一
a6128316的博客
11-05 247
授权回调页面域名 后面不要加/ 加了/ 就会出错。 转载于:https://www.cnblogs.com/lostk/p/6032829.html
redirect_uri重定向的url中带#,解决小贴士
weixin_33210601的博客
08-30 2443
重定向url遇到#怎么解决
vue2项目，企业微信跳转第三方地址，使用history.back(),返回页面不刷新
最新发布
weixin_47411869的博客
05-11 232
企业微信浏览器可能有自己的缓存机制，导致使用history.back()返回时不会刷新页面。为了解决这个问题，你可以考虑在返回页面时手动触发页面刷新。你可以通过在页面中监听pageshow事件来实现，在这个事件触发时刷新页面。
微信企业号 URL验证
11-23
微信企业号 URL验证，适合刚接触微信企业号开发者学习
php版微信授权登陆，微信OAuth2网页授权登陆接口.zip
03-28
微信OAuth2网页授权登录接口是微信开放平台提供的一项服务，允许第三方网站或应用通过与微信进行集成，实现用户使用微信账号进行登录的功能。这个过程基于OAuth2.0协议，为开发者提供了安全、便捷的身份验证方式。...
微信授权Java重定向前端地址_记一次微信网页授权后获取用户信息并重定向
weixin_29701553的博客
03-02 948
记一次微信网页授权后获取用户信息并重定向微信公众号开发还是比较简单的，但是写完之后就忘记了。每次写还要重新查文档，所以这次吧开发过程记录起来，有些细节问题也记录下来，以后用到就方便了。需求：能获取用户基本信息。获取微信信息的时候，从哪个页面来，最后到哪个页面去。调用方式要简单。思路：因为之前写过几次，思路还是很清楚的，大概有一下几个步骤：提供一个链接，带有一个redirect_url参数，代表在获...
golang_微信公众号网页授权
Grayan的博客
04-28 2623
UnionID 同一用户、同一微信平台下的不同应用unionid相同 静默授权 1. snsapi_base为scope的网页授权 2. 已进入本公众号的网页授权页snsapi_userinfo 网页授权4步： 1. 用户同意授权，获取code 2. 通过code换取网页授权access_token 3. 刷新access_token（如有需要） 4. scope为snsapi_userinfo时...
微信授权登录 java_[JAVA实现]微信公众号网页授权登录
weixin_26759093的博客
02-12 979
网上搜资料时，网友都说官方文档太垃圾了不易看懂，如何如何的。现在个人整理了一个通俗易懂易上手的，希望可以帮助到刚接触微信接口的你。请看流程图！看懂图，就懂了一半了：其实整体流程大体只需三步：用户点击登录按钮(其实就相当于一个链接) ---》 用户点击授权登录 ----》 实现获取用户信息代码。然后获取用户信息代码只需三步：获取code ----》 通过code获取access_token和...
url带#号，微信授权，微信分享那些坑
12-03 1118
微信授权的方法是，在项目里面配置拦截器（此处可以参考各个框架的拦截器）没有拦截器也可以，反正意思就是跳转到项目里的时候判断微信环境 如果是微信环境， 判断微信环境的方法是 var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromesseng...
url带#号，微信支付那些坑
12-03 199
现在前端很多框架的前端路由都带#号，主要为了做到无刷新跳转页面。 在微信公众号做微信支付时，配置的支付路径比如是http://www.eee.com/#/order，在调微信支付的方法时错误信息是‘URL未注册’。 我的解决方案是，写一个专门做为微信支付的页面，ajax请求后台返回需要调取微信支付的数据（签名等信息），然后把这些信息暂存起来（可以用h5的缓存，记得支付完清掉，如果用n...
redirect_uri 与配置的授权完成回调域名不一致 ==＞ 企业微信要这样设置
坐等夕阳落time的博客
10-21 1万+
背景： 当在网页中设置企业微信的扫码登录，按照企业微信的开发文档步骤弄了后，发现redirect_uri 与配置的授权完成回调域名不一致 ，如图所示： 解决：redirect_uri 的域名是企业微信的自建应用的 网页授权及JS-SDK 、企业微信授权登录 设置的域名。 企业微信自建应用如何设置域名 1 点击你的自建应用，下滑至开发者接口处： 2 点击网页授权及js-sdk设置可信域名（设置好的就显示"已启用") 3 要验证域名 4 点击企业微信授权登录的设置.
微信公众号 redirect_uri 参数错误
weixin_43852196的博客
05-11 386
微信公众号 redirect_uri 参数错误 官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#0 出现此问题的两个原因： 1、微信后台的授权回调页面域名设置不正确 按照文档中说的配置不要加http “授权回调域名配置规范为全域名，比如需要网页授权的域名为：www.qq.com，配置以后此域名下面的页面http://www.qq.com/music.ht
plus.runtime.launchApplication 跳转企业微信app授权登录
06-07
好的，了解了你的问题，我来给你解答。 如果你想要通过 HBuilderX 中的 `plus.runtime.launchApplication` 方法来跳转到企业微信 app 并进行 OAuth2.0 授权登录，可以按照以下步骤进行： 1. 确认企业微信 app 的包名和启动页面，一般情况下为： - 包名：`com.tencent.wework` - 启动页面：`com.tencent.wework.launch.LaunchSplashActivity` 2. 在 HBuilderX 中调用 `plus.runtime.launchApplication` 方法，传入企业微信 app 的包名和启动页面，如下所示： ```javascript plus.runtime.launchApplication({ pname: 'com.tencent.wework', action: 'android.intent.action.VIEW', uri: 'wework://app/oauth2/authorize?appid=YOUR_APP_ID&agentid=YOUR_AGENT_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect' }, function(e) { console.log('跳转企业微信 app 失败：' + e.message); }); ``` 其中，`YOUR_APP_ID`、`YOUR_AGENT_ID` 和 `YOUR_REDIRECT_URI` 分别是你在企业微信开放平台上创建应用时得到的对应参数，具体可以参考企业微信官方文档进行设置。 3. 此时，企业微信 app 将会被启动，并跳转到 OAuth2.0 授权登录页面。 4. 用户在企业微信 app 中完成授权登录后，将会跳转回你设置的 `YOUR_REDIRECT_URI` 页面，并带上授权 code 参数。 5. 在你的 `YOUR_REDIRECT_URI` 页面中，可以通过以下代码来获取授权 code，并根据需要进行后续操作： ```javascript var code = getUrlParameter('code'); function getUrlParameter(name) { name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); var results = regex.exec(location.search); return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); } ``` 注意，以上代码中的 `getUrlParameter` 方法用于获取 URL 参数，你需要根据实际情况进行修改。 希望以上信息能够帮到你，如有疑问请随时追问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值