公众号H5 VUE获取CODE

最新推荐文章于 2024-09-24 16:04:12 发布

lannieZ

最新推荐文章于 2024-09-24 16:04:12 发布

阅读量1.2k

点赞数

分类专栏： vue H5 文章标签： vue.js javascript 前端 html5

原文链接：https://blog.csdn.net/qq_43248623/article/details/107288479

版权

vue 同时被 2 个专栏收录

69 篇文章 4 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

//页面加载
  created () {
    this.getCode()
  },

    getCode () { // 非静默授权，第一次有弹框
      const code = this.getUrlParam('code') // 截取路径中的code，如果没有就去微信授权，如果已经获取到了就直接传code给后台获取openId
      const local = window.location.href
      console.log(code)
      if (code == null || code === '') {
        window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=[你的公众号AppID]&redirect_uri=' + encodeURIComponent(local) + '&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect'
      } else {
        //this.getOpenId(code) //把code传给后台获取用户信息
        this.code=code;
      }
    },
    getUrlParam: function (name) {
      var reg=new RegExp('(^|&)'+name+'=([^&]*)(&|$)')
      var r=window.location.search.substr(1).match(reg)
      if(r!=null) return unescape(r[2])
      return null
    },