微信公眾號之獲取openId

在小伙伴們開發微信公眾號、小程序或者是在微信內置瀏覽器打開的項目時，會遇到的第一個問題就是如何獲取openId，今天小編就給大家帶來的是如何獲取openId。

　　首先   我們要從微信開發者后台得到appid，這個appid是管理員在設置微信后台時獲取的，而且是唯一的，而且還需要在微信后台設置回調域名。

　　其次　這些都准備好以后，我們就可以使用微信自帶的方法獲取openId：

 

 

 　　　　注意：划線部分是要獲取的openId和回調域名，而  location.href = url 是當頁面第一次渲染時，自動獲取openId，當然，這些還是准備工作

//截取URL字段
    GetQueryString: function(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) {
        return unescape(r[2]);
      }
      return null;
    },
    getToken: function() {
      //判斷是否有openid
      if (this.$cookieStore.getCookie("openid") == null) {
        var url =
          "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx1234567890&redirect_uri=" +
          encodeURIComponent(
            "https://www.baidu.com/"
          ) +
          "&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect&connect_redirect=1#wechat_redirect";
        location.href = url;
        var code = this.GetQueryString("code");
        // console.log(code);
        axios({
          url: "接口名" + code
        }).then(res => {
          // console.log(res);
          if (res.data.code == 0) {
            this.$cookieStore.setCookie("openid", res.data.result);
          }
        });
      } else {
        this.openid = this.$cookieStore.getCookie("openid");
      }
    },

 

　　　　　　我們要使用上圖的方法來獲取code值，通過接口，來獲取openId，然后把openId存在cookie里每次調用就可以了。

這就是小編給大家帶來的獲取openId的方法，下面是完整代碼。