获取企业微信授权code

最新推荐文章于 2025-11-04 20:02:31 发布

原创最新推荐文章于 2025-11-04 20:02:31 发布 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript #css

vue+elementui 专栏收录该内容

60 篇文章

订阅专栏

在企业微信的Vue应用中，由于授权回调路径http://xxx/?code=...&state=#/question的特性，code值位于#之前，需要使用正则表达式来正确获取授权code。

由于企业微信vue hash模式下网页授权返回的路径：http://xxx/?code=otRG0-v6GX6L87pCkJOZW_XwAH2e9xcuclVlL5-eobk&state=#/question，拼接code在#之前需要用正则方法（`getUrlKey('code')`）拿到对应code

created() {
  // 由于企业微信vue hash模式下网页授权返回的路径：http://xxx/?code=otRG0-v6GX6L87pCkJOZW_XwAH2e9xcuclVlL5-eobk&state=#/question
  const code = this.getUrlKey('code')
  if (code) {
    this.code = code
    this.getFastReplyCntent(code)
  } else {
    this.getCodeApi()
  }
},
getCodeApi() {
    // 获取code
    const urlNow = encodeURIComponent(window.location.href) // 这个地址可以写项目的地址
    const id = this.$route.query.id
    sessionStorage.setItem('dydstate', id)
    sessionStorage.setItem('infoId', this.$route.query.infoId)
    sessionStorage.setItem('userType', this.$route.query.userType)
    const url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + this.appid + '&redirect_uri=' + urlNow + '&response_type=code&scope=snsapi_base&state=' + id + '#wechat_redirect'
    window.location.href = url
},
// 获取路径中的参数（code等）
getUrlKey(name) {
    return (decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || ['', ''])[1].replace(/\+/g, '%20')) || null)
},

// 这是网上找的第二种获取参数的方法
getQueryString(name) {
  const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  const result = window.location.search.substring(1).match(reg);
  if (result != null) {
    return decodeURIComponent(result[2]);
  }
  return null;
}

// 通过原生 JS 去获取 code
getQueryString('code')