微信开发-第四章-弹出授权页面并获取用户的openid

微信开发-第四章-弹出授权页面并获取用户的openid_第1张图片

效果地址【需要在微信客户端打开】: http://wx.clbon.cn/openid
打开后会跳转到下边这个链接:(下边代码中的111行)
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx64912a7f9c43d87b&redirect_uri=http%3A%2F%2Fwx.clbon.cn%2Fgetopenid&response_type=code&scope=snsapi_userinfo&state=STATE123&connect_redirect=1#wechat_redirect

上边这个页面实际上就是open.weixin.qq.com,里边填入了你的公众号信息。

执行流程:

微信浏览器读取到http://wx.clbon.cn/openid后,先执行下边A页面里的代码,代码的111行重定向到open.weixin.qq.com页面,效果就是第一张图的效果。在用户点击确认登录后,微信服务器带着你在微信上的详细信息跳转到100行的$redirect_uri。前提是要设置好第三章里讲的网页授权域名

效果如图:

微信开发-第四章-弹出授权页面并获取用户的openid_第2张图片

object(stdClass)#521 (5) {
["access_token"]=>
string(107) "WQTM6c2Oh8v1VkHxi7GFAb1HSYCkF1oaYge3XOGExPm7nrIrrF3BJUNdYZpel3pCYMW9qO-2qN8c4beJg8vzisTnb1MbCSK5EXKiyU-Muk0"
["expires_in"]=>
int(7200)
["refresh_token"]=>
string(107) "zs8WLFsWBCvPWKDleqIxXOLFpeJGlbCLJhvnEpGbnz2eaIZKJAy9arV98EUBfCpC6p2cUhrr0FlqIbyKfgMP8SLnehsOMFAZ4itic57DnH8"
["openid"]=>
string(28) "oE4AAxF0DkNjApbaP7G0CYSaVytU"
["scope"]=>
string(15) "snsapi_userinfo"
}

在laravel框架下配置的路由:

微信开发-第四章-弹出授权页面并获取用户的openid_第3张图片

在使用WX Web Tool 调试时,并不能获取到openID

A

微信开发-第四章-弹出授权页面并获取用户的openid_第4张图片

101行里的第三行的参数详见微信开发文档
文档地址: https://mp.weixin.qq.com/wiki/4/9ac2e7b1f1d22e9e57260f6553822520.html
A2
微信开发-第四章-弹出授权页面并获取用户的openid_第5张图片

你可能感兴趣的:(微信开发-第四章-弹出授权页面并获取用户的openid)