h5怎么获取微信用户openId，h5如何获取微信用户openId

转自：https://blog.csdn.net/jiqiren122424629/article/details/53300641

最近公司需要做一个微信公众号，作为一个前端，我首当其冲，首先需要做一个 “微信和系统用户绑定”的功能；主要步骤为：

1.获取微信openid；

2.通过openid获取用户信息；无用户信息需要绑定

3.输入手机并确认绑定信息；

4.验证手机短信绑定；

这里主要讲述一下如何获取微信openid

参考链接

一丶进入微信后台配置授权界面，我这里直接配置在 功能-自定义菜单-跳转到链接

参考链接：https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdap

ter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_bas

e&state=123#wechat_redirect 

//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" } 

现在我们就成功获取到openid啦！

再用access_token和openid去获取用户信息

https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN