最近公司需要做一个微信公众号,作为一个前端,我首当其冲,首先需要做一个 “微信和系统用户绑定”的功能;主要步骤为:
1.获取微信openid;
2.通过openid获取用户信息;无用户信息需要绑定
3.输入手机并确认绑定信息;
4.验证手机短信绑定;
这里主要讲述一下如何获取微信openid
参考链接
一丶进入微信后台配置授权界面,我这里直接配置在 功能-自定义菜单-跳转到链接
//scope为snsapi_base //回调页面是用户默认授权的,即调到我的绑定界面,代表仅仅获取openid
// redirect_uri urlencode链接
//配置redirect_uri,需要先配置域名:配置开发-接口权限-网页服务-网页授权-网页授权域名
参数说明
参数 | 是否必须 | 说明 |
---|---|---|
appid | 是 | 公众号的唯一标识 |
redirect_uri | 是 | 授权后重定向的回调链接地址,请使用urlencode对链接进行处理 |
response_type | 是 | 返回类型,请填写code |
scope | 是 | 应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授权,也能获取其信息) |
state | 否 | 重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节 |
#wechat_redirect 是 无论直接打开还是做页面302重定向时候,必须带此参数
正常情况,授权成功页面将跳转至 redirect_uri/?code=CODE&state=STATE。
二丶获取code后,请求以下链接获取access_token: https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
//若h5存在跨域问题,可以让后台调用此接口
参数说明
参数 是否必须 说明
appid 是 公众号的唯一标识
secret 是 公众号的appsecret
code 是 填写第一步获取的code参数
grant_type 是 填写为authorization_code
正确时返回的JSON数据包如下:
{ “access_token”:“ACCESS_TOKEN”,
“expires_in”:7200,
“refresh_token”:“REFRESH_TOKEN”,
“openid”:“OPENID”,
“scope”:“SCOPE” }