微信公众号之获取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的方式，下面是完整代码。