react单页面微信授权后怎么返回原来地址

最新推荐文章于 2024-08-16 09:41:07 发布
最新推荐文章于 2024-08-16 09:41:07 发布
阅读量2.6k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38946537/article/details/81348148
版权

找了很多方法，发现后端可以获取上一页url的地址，但是是没带参数的，找了很多方法，用了个比较傻的方法

准备授权的时候顺便向后端提交当前地址


window.location.href   //获取当前地址后顺便提交到后端

然后后端将地址存为cookie后，再去重定向授权，获取到微信授权后，就取cookie里原来的地址，然后就可以跳回去

希望大家有好的方法可以介绍一下，大家一起学习一下

这是用云开发开发的小程序，可以参考一下

在这里插入图片描述

冰河技术
关注
微信公众号 - 最新详细实现H5网页接入微信支付功能，开发移动端、PC端网站集成使用微信支付流程及示例代码，公众号网页利用JS-SDK/JSAPI/H5支付授权唤起微信支付，可脱离微信环境支付或内置浏
王佳斌
07-25 3834
微信公众号，微信支付，网页，移动端，h5，扫码支付，二维码付款，手机网页，电脑pc网页生成支付二维码，js-sdk，jsapi，外部浏览器调起微信支付，脱离微信环境，在微信内置浏览器如何进行微信支付，前端H5微信支付，web网站，vue2，vue3，nuxt2，nuxt3，jquery，微信公众号h5支付流程，如何实现，怎么做，回调报错，redirect_uri参数错误，必须部署才能调试吗，怎么不打包发布就能在本机测试，微信H5支付能力，uniapp微信支付，h5页面调起支付，支付没反应，无效，失败，H5页
微信静默授权返回问题
weixin_30394333的博客
09-19 2467
微信中需要获取openid，为了安全起见，采用服务器端静默授权方式，最终过程是： 前端页面(获取openid) -> 指定服务器端地址 -> 服务器端跳转到微信授权页 -> 微信授权页跳回服务器端 -> 服务器端跳回前端页面 在这里会存在一个问题，即微信授权返回死循环问题，因为这边前端跳转全部都是使用replace跳转，所以不会在history上再增加1一个页...
微信扫码授权登录成功后，重定向用户回到他们最初尝试访问的URL
weixin_46084533的博客
04-11 704
你的需求是在微信扫码授权登录成功后，重定向用户回到他们最初尝试访问的URL，而不是重定向到一个固定的页面。为了实现这一点，你需要在用户登录前，将他们尝试访问的页面URL保存起来，然后在登录成功后，使用这个URL进行重定向。这个解决方案确保了用户在登录后能够回到他们最初尝试访问的页面。装饰器自动处理，但如果你在其他地方手动重定向，就需要确保包括。装饰器将自动重定向到登录页面，并包括当前URL作为。这通常由Django的。修改后，如果用户未登录尝试访问。
ReactNative-WeChatLogin 使用教程
gitblog_00370的博客
08-16 740
ReactNative-WeChatLogin 使用教程 ReactNative-WeChatLogin基于react-native-wechat 实现的微信登录.只需 CV 大法就可以.(只发现教程,没有发现现成 demo 所以我就简单搞了一下按照网上的教程写的 demo)项目地址:https://gitcode.com/gh_mirrors/re/ReactNative-WeChatLogi...
微信授权登录后跳转到指定网页
杀神Jack的博客
12-20 7303
最近两天有一个很简单的需求，就是微信公众号授权登录之后，跳转到一个自己网站首页的，在这过程中需要获取微信用户的信息。其实需求很简单，但是因为是第一次涉及，所以刚开始就不知道从何开始。正如那句话，万事开头难吧。然后做完之后，确实感觉比较简单，因为微信api上面写的很清楚，只要按照文档操作就可以了。但是还是想自己写一篇blog来记录一下自己的学习过程。 ...
golang_微信公众号网页授权
Grayan的博客
04-28 2637
UnionID 同一用户、同一微信平台下的不同应用unionid相同 静默授权 1. snsapi_base为scope的网页授权 2. 已进入本公众号的网页授权页snsapi_userinfo 网页授权4步： 1. 用户同意授权，获取code 2. 通过code换取网页授权access_token 3. 刷新access_token（如有需要） 4. scope为snsapi_userinfo时...
Golang 服务器返回公网地址
weixin_30425949的博客
09-03 399
gitee地址: https://gitee.com/wang_li/ReturnOutIP 代码 package main import ( "flag" "fmt" "log" "net/http" "os" "strings" "time" ) var ( h bool ...
微信授权Java重定向前端地址_微信网页授权+分享踩过的坑
weixin_42363565的博客
03-02 2166
页面用浏览器自带返回和安卓物理返回死循环的话，直接看高潮部分背景折磨我两个工作日加周末一天的问题，我觉得还是有必要记录一下，为什么程序员总是加班，就是遇到这些意想不到的问题需求领导：我想做两个页面，放在微信里面可以访问我：简单啊，用H5实现产品设计中...产品：好了，看看没问题就开始开发吧我：什么时候多了一个需要获取用户信息(产品总是给人惊喜不端)没有试过微信授权这一块，首先内心三连问，能不能拒绝...
详解单页面路由工程使用微信分享及二次分享解决方案
10-17
在Vue、React等单页面应用中，由于路由的切换会导致URL变化，因此每次路由改变时，都需要重新获取签名并重新配置微信分享。 `wxShare`是一个用于简化微信分享配置的工具库，它提供了几个关键的方法： 1. `...
简易记账带后端_微信小程序模板js代码前台前端H5页面源码 (2).rar
08-09
该压缩包文件“简易记账带后端_微信小程序模板js代码前台前端H5页面源码 (2).rar”提供了一套完整的微信小程序记账应用的前后端源码。这个项目旨在帮助用户轻松进行日常财务管理，通过简洁的界面和便捷的操作实现...
解决微信授权成功后点击按返回键出现空白页和报错的问题
11-20
微信授权 的操作可以阅读我的另一篇文章 https://www.jb51.net/article/188237.htm 微信授权我是 在index.vue做的授权，是一个空白页，因为授权需要回调所以这个页面会刷新两次，当我们授权成功进入主页面后，点击返回键或者点击手机的物理返回键，因为浏览器history机制，按物理返回或者返回肯定是会进入这个授权页面的，而此时code已经使用过，会报code错误，而且这个是空白页，多次点击也并不能回到微信的消息列表页，体验极差。。。 我的做法是引入微信的js sdk,使用vue-router 路由导航beforeEach 中的 to（即将到达的页面）和fro
React 框架中Redirect 使用
weixin_45677987的博客
07-08 4212
React 中Redirect 的使用: 未完待续....
react 路由Redirect组件学习
黄彪博客
09-24 3754
文章目录文章参考Redirect from 和 to 的关系案例说明 文章参考 https://reacttraining.com/react-router/web/api/Redirect/from-string Redirect from 和 to 的关系 Switch 是Route 从上到下匹配，如果有一个匹配，后面的就不会再继续匹配了 Redirect from属性是地址与fro...
小白学react之网页获取微信用户信息
天地会珠海分舵
04-23 5605
通过上一篇《小白学react之EJS模版实战》我们学习了如何通过EJS模版生成我们高定制化的index.html文件。本篇我们将会继续延续我们的alt-tutorial项目的实战计划，去获取微信扫码用户的信息，并将头像显示在我们页面的右上角上。最终实战效果将如下所示。首先根据我们的网站url生成二维码，比如我们可以通过浏览器的FeHelper来生成：然后用户通过微信扫码：最后用户确定授权后获取到用户
P04: ReactRouter路由重定向-Redirect使用
wgchen
12-16 1993
React Router阐述标签式重定向编程式重定向示例ReactRouterDemo\demo01\src\index.jsReactRouterDemo\demo01\src\AppRouter.jsReactRouterDemo\demo01\src\Pages\Index.jsReactRouterDemo\demo01\src\Pages\List.jsReactRouterDemo\demo01\src\Pages\Home.js 阐述 个人认为Redirect(重定向)，就掌握基本的两个知识点
iphone X中react-router单页面如何有效配置微信 解决iOS中invalid signature问题 the permission value is offline verifying
Wbiokr的博客
06-01 1162
iOS中，在某个页面内调用微信JSSDK相关API，如扫码、分享等，使用当前页面URL总会出现签名错误(invalid signature)，导致API调用失败。 在JSSDK文档页面有这么一句话: 所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在And
react 微信授权 微信分享
qq_38388578的博客
04-20 1644
1、微信授权 1-1、在BasicLayout做导航守卫，先判断浏览器环境，微信内的话，判断本地是否存在openId,有的话校验openId是否有效，有效的话缓存所需数据，无效的话跳转登录界面重新登陆，本地没有openId的话，判断路径中是否含code(第一次进入授权页面href中不带code，请求微信接口跳转页面路径中存在code,即第二次进入路径存在code),没有的话去授权页面 im...
React 微信扫码登陆网页
hqin_520的博客
05-28 610
微信开放平台注册开发者账号，并拥有一个已审核通过的网站应用，并获得相应的AppID和AppSecret，申请微信登录且通过审核后，可开始接入流程。后端实现部分可以看下这篇大佬的文章。
react开发公众号踩坑日志
weixin_42565137的博客
09-04 1417
最近刚刚接触react，用react开发一个公众号。以前没有过开发公众号的经验，在这里记录一下过程中踩过的坑。 这个项目是前后端开发的。本篇文章只站在前端的视角，希望给大家一个参考 一.授权回调 微信授权过程 进入你的程序 跳转至微信授权接口 用户确定授权 重定向至你的程序 访问微信授权接口 这里注意使用window.location.href 而不是window.open去访问接口，不然可能...
react封装微信小程序授权函数，返回授权结果
最新发布
09-11
在React中封装微信小程序授权函数通常涉及以下几个步骤： 1. 创建一个函数来处理授权逻辑，这个函数可以调用微信小程序提供的API，比如`wx.getSetting`和`wx.authorize`。 2. 在函数中，首先调用`wx.getSetting`来获取用户的授权设置，此API会返回用户的权限状态。 3. 如果用户已经授权，则直接返回授权结果；如果用户未授权，则通过`wx.authorize`请求用户授权。 4. 在`wx.authorize`中，可以设定`scope`参数，指定需要请求的权限。 5. 设置授权成功或失败的回调函数，以处理授权结果，并将结果返回给调用者。 以下是一个简单的封装示例： ```javascript const useWeChatAuthorize = (scope = 'scope.userLocation') => { const [authorizeStatus, setAuthorizeStatus] = useState('unknown'); const handleAuthorize = () => { wx.getSetting({ success(res) { if (!res.authSetting(scope)) { // 请求用户授权 wx.authorize({ scope, success() { setAuthorizeStatus('authorized'); }, fail() { setAuthorizeStatus('denied'); }, }); } else { // 已经授权 setAuthorizeStatus('authorized'); } }, }); }; // 封装一个调用授权的函数 const authorize = () => { handleAuthorize(); }; return { authorize, authorizeStatus, }; }; // 使用封装的函数 const Component = () => { const { authorize, authorizeStatus } = useWeChatAuthorize(); return ( <View> {authorizeStatus === 'unknown' && <Button onClick={authorize}>授权位置信息</Button>} {authorizeStatus === 'authorized' && <Text>已授权</Text>} {authorizeStatus === 'denied' && <Text>用户拒绝授权</Text>} </View> ); }; ``` 在这个示例中，`useWeChatAuthorize`是一个自定义的Hook，它封装了授权的逻辑，并返回了一个`authorize`函数用于请求授权，以及一个`authorizeStatus`状态用于表示授权结果。组件可以使用这个Hook来获取授权状态，并根据状态作出相应的处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值