微信公众号关闭当前网页

微信开发过程中遇到的情况,现象是在返回上一页的时候因为参数失效报异常,具体情况就不细说了,如果你找到了这篇文章,我想你很可能是遇到了和我一样的问题。下面是我解决的一些思路:

出现的原因:其实这种问题主要是出现在使用手机上自带的返回键的时候出现的,因为这个返回是通过 window.history 堆栈出栈的方式,返回的时候使用的是上一次访问的页面,所以,如果在url上的参数是一次性有时效的参数的时候就会出异常。

解决方法:第一步:监听设备的返回事件,使得用户通过手机的返回事件调用我们自己定义的方法;第二步:在返回中添加关闭网页的操作。具体的代码如下:

$(function(){
    pushHistory();
    window.addEventListener("popstate", function(e) {
    	wx.closeWindow(); // 微信js-sdk中关闭浏览器的方法
    }, false);
    
    window.onbeforeunload = function() {
    	return;
    }
    function pushHistory() {
        var state = {
            title: "title",
            url: ""
        };
        window.history.pushState(state, "title", "");
    }
});

注意:在使用时,需要先引入微信的js-sdk,链接引用地址和其他API请查看链接:JS-SDK说明文档

如果有其他实现方法欢迎留言。

 

 

### H5微信公众号网页 UniApp 授权实现方法 #### 1. 配置微信公众平台 为了使UniApp应用能够在H5微信公众号网页中正常进行授权,需先在微信公众平台上完成必要的设置。这包括但不限于配置合法的回调域名以及获取所需的API权限。 - 进入微信公众平台的技术文档可以找到详细的接口说明和配置指南[^3]。 #### 2. 初始化授权过程 当用户访问基于UniApp构建的H5页面时,系统应当自动触发授权流程。此过程中涉及到的关键步骤是在`onLaunch`生命周期钩子内调用特定函数来启动授权逻辑: ```javascript export default { onLaunch() { this.getInit(); }, methods: { getInit() { // 实现具体的初始化逻辑,比如发起网络请求以获得授权URL等 } } } ``` 这里提到的方法`getInit()`用于处理初次加载时所需执行的任务,例如准备并重定向至微信提供的OAuth URL以便收集用户的同意[^2]。 #### 3. 构建授权链接 对于非静默式的用户信息授权(如`snsapi_userinfo`),开发者需要构造一个指向微信服务器的特殊URL,该URL包含了多个必要参数,如应用程序ID (`appid`)、响应类型的声明(`response_type=code`)、重定向URI (`redirect_uri`) 和作用域 (`scope=snsapi_userinfo`) 等。此外,还应加入随机字符串 `state` 参数作为安全措施的一部分。 一旦用户确认了授权请求,则会被重定向回预先设定好的回调地址,并附带有一个临时凭证 `code` 。需要注意的是,这个 `code` 只能在五分钟之内有效且仅能被使用一次。 #### 4. 解决重复授权问题 针对某些情况下可能出现的反复弹出授权对话框现象——即用户点击“同意”按钮之后并未成功跳转而是再次显示相同的授权界面——可以通过调整业务逻辑中的状态管理机制加以规避。具体来说,在接收到有效的 `code` 后立即存储起来,并利用它换取更持久性的令牌或直接记录下已完成授权的事实,从而防止后续不必要的重新验证行为发生[^1]。 另外一种解决方案是确保每次打开新窗口之前都检查当前环境是否已经存在未关闭的相关实例;如果确实如此则不必再创建新的授权会话,而是尝试恢复之前的交互上下文。 #### 5. 返回原页面策略 为了让用户体验更加流畅自然,建议设计一套合理的导航规则使得用户可以从授权页面顺利返回到最初所在的视图位置。通常做法是在发起授权前保存当前浏览历史记录或者路径片段,待整个认证环节结束后依据这些数据重建浏览器的历史堆栈结构,进而允许按常规方式退回至上一步操作所在的位置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值