微信授权工具wechatAuth.js

最新推荐文章于 2024-08-23 11:03:15 发布

键盘敲烂月薪过万

最新推荐文章于 2024-08-23 11:03:15 发布

阅读量888

点赞数

本文链接：https://blog.csdn.net/weixin_47267851/article/details/114520592

版权

本文详细介绍了微信授权工具wechatAuth.js的使用方法，包括如何配置、调用授权流程，以及在实际项目中如何集成和处理授权后的数据。通过阅读，你将掌握微信OAuth2.0授权登录的实现细节。

摘要由CSDN通过智能技术生成

```const qs = require('qs')
// 应用授权作用域，
//snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），
//snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息）
const SCOPES = ['snsapi_base', 'snsapi_userinfo']

class VueWechatAuthPlugin {
  constructor() {
    this.appid = null
    this.redirect_uri = null
    this.scope = SCOPES[0]
    this._code = null
    this._redirect_uri = null
  }

  static makeState() {
    return (
      Math.random()
        .toString(36)
        .substring(2, 15) +
      Math.random()
        .toString(36)
        .substring(2, 15)
    )
  }
  setAppId(appid) {
    this.appid = appid
  }
  set redirect_uri(redirect_uri) {
    this._redirect_uri = encodeURIComponent(redirect_uri)
  }
  get redirect_uri() {
    return this._redirect_uri
  }
  get state() {
    return localStorage.getItem('