1. 程式人生 > >微信公眾號之獲取openId

微信公眾號之獲取openId

在小夥伴們開發微信公眾號、小程式或者是在微信內建瀏覽器開啟的專案時,會遇到的第一個問題就是如何獲取openId,今天小編就給大家帶來的是如何獲取openId。

  首先   我們要從微信開發者後臺得到appid,這個appid是管理員在設定微信後臺時獲取的,而且是唯一的,而且還需要在微信後臺設定回撥域名。

  其次 這些都準備好以後,我們就可以使用微信自帶的方法獲取openId:

 

 

     注意:劃線部分是要獲取的openId和回撥域名,而  location.href = url 是當頁面第一次渲染時,自動獲取openId,當然,這些還是準備工作

 1 //擷取URL欄位
 2     GetQueryString: function(name) {
 3       var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
 4       var r = window.location.search.substr(1).match(reg);
 5       if (r != null) {
 6         return unescape(r[2]);
 7       }
 8       return null;
 9     },
10     getToken: function() {
11       //判斷是否有openid
12       if (this.$cookieStore.getCookie("openid") == null) {
13         var url =
14           "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx1234567890&redirect_uri=" +
15           encodeURIComponent(
16             "https://www.baidu.com/"
17           ) +
18           "&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect&connect_redirect=1#wechat_redirect";
19         location.href = url;
20         var code = this.GetQueryString("code");
21         // console.log(code);
22         axios({
23           url: "介面名" + code
24         }).then(res => {
25           // console.log(res);
26           if (res.data.code == 0) {
27             this.$cookieStore.setCookie("openid", res.data.result);
28           }
29         });
30       } else {
31         this.openid = this.$cookieStore.getCookie("openid");
32       }
33     },

 

      我們要使用上圖的方法來獲取code值,通過介面,來獲取openId,然後把openId存在cookie裡每次呼叫就可以了。

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