绑定微信以及获取openId

时间:2023-03-08 15:56:07
绑定微信以及获取openId

 由于公司最近在做一个微信公众号的项目,需要获取用户openId,我再一次踏入了微信的坑!

 先在这里告诫后来的同志,如果一样要开始做有关微信的东西,最好是有前辈,或者直接看完文档,不懂或者纳闷的地方直接找微信客服!千万不要直接去怼微信的代码,简直了...

  我们公司是属于已认证的服务号的那种公众平台,前戏基本上该做的已经做了。

  先说一说该注意的几个点,以及很容易忽视的地方。

  绑定微信以及获取openId

   这里的业务域名、JS接口安全域名和网页授权域名都是同一个,也就是公司官网认证的域名。然后我们写的html文件必须要在这个域名对应ip地址的文件夹下,二级或者三级都可以。

   还有需要注意一下的就是基本配置的IP白名单这块!

   绑定微信以及获取openId

     刚开始研究了几天文档,兴致满满的写代码,几个各种报错,各种不对劲,甚至调用微信官方接口都各种调不起。找了几番度娘才发现原来的IP白名单的原因。还有一个坑,我们下次讲,这次暂时先说说openId的获取方式。

    在拿到AppID和AppSecret也就是开发者密码后,就可以调用微信授权接口了。

    文档目录:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

    要获取用户openId首先要让用户同意授权,获取code;

    授权大概就是这个样子:绑定微信以及获取openId

    由于我们这边管事的不希望用户看到授权页面,说什么影响用户享受什么的,什么鬼,授权页面很正常好不好,我反而觉得没有授权页面就拿到信息那才是感觉怪怪的~~.(稍微吐槽吐槽~~)

      获取code的方法,微信文档的接口这些写的还算清楚,但是其中的坑就真心的是让人无奈啊!

    https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

    按照这个接口的格式把每个参数拼接,然后访问,我起先以为是Ajax访问,结果......一脸懵逼啊~~

    结果这里是直接访问就OK,参数里面有个redirect_uri,授权后重定向的回调链接地址,这里的参数直接写授权后跳转的页面就OK,要注意的是这里的url必须是网页授权域名里的!

    然后就是授权页面的展示。这里我们管事的要求的是直接不要授权页面,也就是所谓的静默跳转,直接到主页面!

    这里就需要把微信参数中scope的值变成snsapi_base !但是应用授权作用域,snsapi_base (只能获取用户openid)!

    绑定微信以及获取openId

    然后最终的样子就是这样子:

绑定微信以及获取openId

    然后在主页面获取url里的code参数,这个都会,就不多说了,获取后再调用微信链接获取access_token!

    这里就有一个隐形的坑了,而且是大坑!

    绑定微信以及获取openId

    按理说,code也拿到了,按微信参数一个个填,应该就可以获取到里面的openId的,但是这里的链接是不能前台获取的,只有让后台写接口,我们这边动态传入数据给后台,来获取,然后呢,code这个数据是只能调用一次的,所以,你懂的~~~应该是为了保护公众号信息被盗取,所以在前台输入微信接口是调取不到的,所以这也是没办法的事情,可是微信好歹提示下啊,啥也不说,哎~~

    拿到openId后,用openId拿到对应微信公众号的关注者信息这些是后台做的事情,你叫他给你个接口,然后你把openId输入进去,和某些需要的参数就可以直接拿到了,(反正我这边只需要一个openId~~~)