uni-app - 解决 H5 微信公众号授权登录后，无法回退到 “上一页“ 的问题（微信登录后如何返回到触发它的那一页？无法通过 uni.navigateBack() 返回到前一页的问题？）详细教程

已于 2024-02-03 10:46:34 修改
阅读量5k 收藏 9
点赞数 4
分类专栏： + UniApp 文章标签： uni-app H5 微信登录后返回不了了 无法回退到触发它的那页 怎么登录完返回上一页 uniapp官方详细解决方案
于 2022-11-28 21:17:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44198965/article/details/128086799
版权
+ UniApp 专栏收录该内容
122 篇文章 1877 订阅 ¥9.90 ¥99.00
订阅专栏

前言

假如用户从首页进入登录页，点击微信登录完成后，应该返回到首页，不应该停留在登录页才对。

由于微信登录需要重定向到授权页面，导致登录完成后无法通过 uni.navigateBack() 等 API 返回上一页，

在正常的逻辑上，应该是无论在 任何页面进入的登录页，登录完毕后都自动返回去（从哪来，回哪去）。

如下图微信浏览器所示，首页进入并登录，返回首页。而我的页面进入登录后，返回我的。

解决方案适用于任何 uniapp H5 项目，高效解决无 BUG

在这里插入图片描述

解决方案

因

了解本专栏 订阅专栏 解锁全文
王佳斌
关注
  • 4
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
订阅专栏
uni-app - 拨打电话功能（在不同平台下，点击按钮触发一键拨号功能）
王佳斌
10-27 4万+
uniapp中拨打电话，uni-app 实现拨打电话功能(android)，uniapp实现点击拨打电话功能，uniapp 打电话功能的几种方式，uni-app简单的拨打电话实现，记录--uni-app在不同平台下拨打电话，uni-app在详情页中给电话信息添加点击拨打电话的功能按钮，uniapp小程序实现点击拨打电话功能，uni-app直接拨打电话，uni-app 教程 - 拨打电话，UNIAPP---点击拨打电话功能(IOS和安卓)，uni-app直接拨打电话 ，uni-app - 拨打电话功能（在不同
uni-app - [最详细] 实现手机扫描二维码并跳转全过程示例代码，用户扫码后自动跳转到链接、指定网页、本地页面、公众号、小程序或执行自定义操作详细教程（详细说明及代码注释，小白一看就懂！）
热门推荐
王佳斌
10-27 2万+
uni-app-实现手机扫描二维码并跳转全过程，uniapp 手机扫描二维码后跳转，uniapp 扫描二维码功能，uni-app扫描二维码跳转特定页面，uniapp怎么实现扫码跳转到本地指定页面功能，uniapp扫一扫功能,扫完后怎么跳转到新页面，uniapp如何实现扫描二维码后跳转到第三方网页，uniapp微信扫码后跳转到指定页面，uniapp使用uni.scanCode扫码后没有反应，uniapp用uni.scanCode获取扫码结果后怎么跳转到其他页面，uniapp uni.scanCode详细使用示
解决微信H5静默授权获取code以及H5页面历史回退死循环问题
高先生的猫
08-13 5220
摘要 近期在开发H5页面相关需求，需求中有个微信静默授权登录的功能，之前没有接触过这个功能，经过调研官方文档，开发出了初级方案；初级方案可以解决获取code，但是页面返回上一个页面时，需要连续返回两次才可以回到上一个页面。经过获取流程分析，解决了返回循环的bug。 初级方案原理 当时调研完官方文档后，发现授权流程是重定向的方式，就傻白甜的直接在需要微信code的页面直接获取code并跳转回当前页，这样就造成了页面获取死循环的bug。为了解决获取code死循环的bug，在获取code时，建立一个中.
h5登录微信获取code和openId h5获取code一直循环回退 微信登录获取code 微信登录重定向重复获取code
u013361179的博客
09-27 2613
h5登录微信获取code和openId h5获取code一直循环回退 微信登录获取code 微信登录重定向重复获取code
uniapp uni.navigateBack页面刷新后无法返回上一页处理
qq_39923762的博客
03-21 479
全局方法调用：this.$customizeBack();
微信和h5页面跳转返回上一页
weixin_43258615的博客
08-15 1055
redirectTo重定向跳转,销毁上一页面,再跳转到新的页面,返回时页面需要重新加载。微信跳转方法将redirectTo 改为navigateTo, 即可返回前一个页面。navigateTo正常跳转,后退不需要重新渲染，提高加载相率。redirectTo 和navigatTo 跳转的区别。二、为什么redirectTo不能返回上一页?一、h5页面跳转到小程序代码。
h5页面回退到微信小程序并携带参数
wawagagag的博客
07-13 441
需要注意两点：1、一定要先navigateBack回退，然后再执行 postMessage的数据传输，因为官方文档中强调（网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息）接收到传递的数据后，在获取当前页面栈，向前一个页面栈setData我们要传输的数据。背景：微信小程序通过web-view跳转到h5页面，操作后需要携带参数回到小程序。用到的知识点：wx.miniProgram.postMessage。2、我们要传输的数据一定要放在data中。
微信公众号开发获取授权code回调多次问题的终极解决方案
bd_cool
05-07 1万+
目录问题描述问题跟踪问题处理加connect_redirect=1参数缓存code和处理结果redirect_uri禁止重定向 问题描述 在公众号开发中一定要获取用户的openid信息，按照微信的文档来就好了。测试没有问题上线后，部分安卓手机会出现无法打开网页的现象。 问题跟踪 通过系统日志发现诡异现象，redirect_uri会被回调n次，而且每次的code相同，由于code只能被使用一次，导致...
uni-app：处理微信浏览器中授权微信登录后，无法正常回退问题
不想敲代码的前端的博客
03-18 2181
一、情景 在微信浏览器中，需要使用用户微信的code数据，因此采用了"location.href"获取微信授权信息的方式来实现授权登录，并且在重定向页面中获取code，完成操作后需要返回上一页，但是这时候发现采用uni.navigateBack()或者$Router.back()只能回到微信授权的那一页，结果又一次重定向回现在的页面了。 /** * H5端微信授权登录 * getApp().globalData.AppId: 配置的appid * redirect_uri: 当前...
uniapp刷新页面后使用uni.navigateBack()无法返回上个页面
weixin_67434908的博客
02-24 3629
最近写uniapp项目的时候发现有时候需要更新页面数据，我是用h5强制刷新页面后就无法返回上一个页面，查了文档后发现是页面栈丢失问题。百度看了很多大佬们的方法，方法基本一致，使用原生JS的history对象，封装一个兼容uniapp api和原生js的返回的方法。
微信公众号授权成功重定向后点击返回最上一层时显示空白页
longlongValue
09-16 3291
为什么公众号网页授权返回最上面一层显示空白页面？小朋友…我现在有一些？
微信h5获取用户openid，根据用户code，将code发送给后台从而得到用户openid，同时解决redirect_uri域名与后台配置不一致问题（详细教程）
我的个人博客
03-08 1443
想要在h5页面获取用户code从而得到用户openid的方式有两种，scope=snsapi_base(静默方式，会重定向到当前页并将code返回在url上)或者scope=snsapi_userinfo(非静默方式，会弹出用户授权页面，用户确认授权才会重定向url)两种方式，两者的区别是，前者只能拿到用户oppenid，后者可以拿到用户的其他信息，当然我这里做的功能比较简单，只需要知道用户是否关注该公众号，使用的是第一种方式，本文两种方式都会介绍到。 在html页面中一定要<scriptsrc..
微信授权登录后跳转到指定网页
杀神Jack的博客
12-20 6872
最近两天有一个很简单的需求，就是微信公众号授权登录之后，跳转到一个自己网站首页的，在这过程中需要获取微信用户的信息。其实需求很简单，但是因为是第一次涉及，所以刚开始就不知道从何开始。正如那句话，万事开头难吧。然后做完之后，确实感觉比较简单，因为微信api上面写的很清楚，只要按照文档操作就可以了。但是还是想自己写一篇blog来记录一下自己的学习过程。 ...
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
10-16
主要介绍了uni-app微信小程序登录并使用vuex存储登录态的思路，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
uni-app 实现小程序 仿微信 我的界面
最新发布
03-30
使用 uni-app 实现小程序 仿微信 【我的】界面
uni-app微信小程序登录授权的实现
10-15
主要介绍了uni-app微信小程序登录授权的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
uniapp微信h5授权获取用户openId的方法和步骤，用于用户登录和注册
01-26
微信h5授权获取用户openId的方法和步骤，用于用户登录和注册，代码已经封装好，下载就能用
uni-app - 最新详细改变数据后视图无更新变化解决方案，更改数据不刷新（解决修改 data 中的数据视图未更新的问题）
王佳斌
11-26 2万+
uniapp数据更新视图不更新的问题，解决uniapp修改data中的数据视图未更新的问题，vue (uni-app)踩坑,数据改变,视图不变，uni-app 修改数据不刷新界面的问题，uni-app之数据状态改动后页面不刷新踩坑，(已解决)uni-app中对data的修改视图未更新的坑，uni-app之数据状态改动后页面不刷新踩坑，uniapp更改数据后不渲染页面_页面更改后列表视图不刷新，uniapp数据更新以后页面不更新，vue,uniapp改变属性值后视图不更新，UNIAPP页面数据不更新,js变量
uniapp - 详细实现日期时间、范围选择器组件，点击底部弹出日期、时间、某个范围的选择器弹框（日期选择组件 单日/日期范围，uniapp自定义选择日、周、月、季、年的时间选择器详细示例源代码）
王佳斌
05-10 1万+
uniapp，微信小程序，h5网页网站，安卓苹果app，日期时间选择器，日历两个范围选择，日期选择器，时间选择器，年月日选择，小时分钟选择，uniapp日期时间及范围选择器，uniapp时间选择器_uniapp时间范围选择器，uniapp、小程序自定义选择日、周、月、季、年的时间选择器，uniapp的picker日期选择器使用及获取当天日期(时间)，uniapp开发微信小程序之时间选择器，uniapp中picker-view 封装时,分,秒选择组件，日期选择器picker(uni-app)，uniapp的
uni-app生成的h5页面 微信浏览器打开微信小程序 支付宝浏览器打开打开支付宝小程序
07-17
在uni-app生成的H5页面中，可以通过以下方式实现微信浏览器打开微信小程序和支付宝浏览器打开支付宝小程序： 1. 微信浏览器打开微信小程序： - 在H5页面中，可以使用`<a>`标签的`href`属性指定微信小程序的链接，例如： ```html <a href="weixin://dl/business/?appid=小程序AppID">点击打开微信小程序</a> ``` 将上述链接中的"小程序AppID"替换为实际的微信小程序AppID。 2. 支付宝浏览器打开支付宝小程序： - 在H5页面中，可以使用支付宝JSAPI的`ap.navigateToAlipayPage`方法跳转到支付宝小程序页面，例如： ```javascript ap.navigateToAlipayPage({ path: 'pages/index/index', // 小程序页面路径 success: function(res) { // 跳转成功回调 }, fail: function(err) { // 跳转失败回调 } }); ``` 请确保在支付宝开放平台中已经配置了相应的小程序链接。 需要注意的是，微信浏览器打开微信小程序和支付宝浏览器打开支付宝小程序需要用户设备上安装有对应的小程序客户端，并且需要提前在相应的开放平台上进行配置和授权。具体实现方式可能会因微信和支付宝的更新而有所变化，建议参考微信开放平台和支付宝开放平台的文档进行开发。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王佳斌

请作者喝杯咖啡 :)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值