微信扫码登录后如何优雅地关闭弹窗并刷新主窗口？

哈喽！今天心血来潮给大家带来了《微信扫码登录后如何优雅地关闭弹窗并刷新主窗口？》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

如何优雅地关闭微信扫码登录弹窗并刷新主窗口？

问题描述：

我们在运用微信扫码登录时，主窗口会弹出一个用于扫码的小窗口。如何在扫码成功后，关闭小窗口并刷新主窗口来更新会话呢？

解决方案：

不要将扫码成功后跳转的页面直接显示在小窗口中，而是跳转到一个中间页面。在这个中间页面中，通过 window.opener 执行如下逻辑：

• 使用 window.close() 关闭小窗口。
• 执行任意需要更新主窗口的逻辑，如刷新页面或更新会话。

具体步骤：

1. 在扫码登录时，设置一个回调页面，用于处理登录成功的返回。
2. 在回调页面中，使用 window.opener.location.reload() 刷新主窗口。
3. 使用 window.opener.window.close() 关闭小窗口。

示例代码：

// 回调页面
function loginCallback() {
  window.opener.location.reload();
  window.opener.Window.close();
}

通过这种方式，可以在扫码成功后关闭小窗口并刷新主窗口，从而更新会话信息。

理论要掌握，实操不能落！以上关于《微信扫码登录后如何优雅地关闭弹窗并刷新主窗口？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注米云公众号吧！

底层设计：轮询系统 – 边缘情况