在vue项目中微信公众号授权接入

最新推荐文章于 2024-01-15 10:34:40 发布

原创最新推荐文章于 2024-01-15 10:34:40 发布 · 863 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #小程序

授权接入公众号专栏收录该内容

1 篇文章

订阅专栏

这篇博客详细介绍了在Vue项目中实现微信公众号授权的步骤。首先通过调用微信API获取授权URL，然后使用window.open打开授权页面。当授权页面关闭时，利用定时器检测并刷新父页面以获取公众号信息。此过程关键在于授权流程的管理和页面刷新的时机把握。

在vue项目中微信公众号授权接入

**首先跳转到微信公众号授权页面，扫码授权，授权完成后关闭授权页，并且让当前页面自动刷新，获取到公众号的基本信息 **

  // 授权接入
    wxAuthorization() {
      wxApi.getAuthorizeUrl(`appid`).then(res => {
        // window.open(res.result.url)
        var flag = window.open(res.result.url)
        var loop = setInterval(function() {
          if (flag.closed) {
            clearInterval(loop)
            parent.location.reload()
          }
        }, 3)
        // window.location.href = res.result.url
      })
    }