1、至少需要两个页面,一个是授权入口页面(这里我以index首页为例),一个是webView页面
2、在index中跳转到webView页面
3、webView中的内容很简单,就是一个<web-view> </web-view> 组件,里面的src就是要前往授权的路径,https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect
文档:网页授权 | 微信开放文档
文章来源地址https://www.toymoban.com/news/detail-759635.html
4、参数介绍:
4.1 appid:为公众号的appid,前期可以去申请测试公众号,地址:微信公众平台
4.2 redirect_uri:由后端提供,在这里面进行授权
4.3 response_type:授权获取到的code值,这里默认为code,后端会根据这个code来获取openId
4.4 scope:有两种类型,snsapi_base和snsapi_userinfo,前者不需要用户确认,后者需要,后者获取到的用户信息更加丰富,具体看网页授权 | 微信开放文档
4.5 state:为一个h5页面的地址,后端会将获取到的openId参数携带地址最后,授权后调用相关API自动返回或手动返回到小程序
5、第四点中的state参数中h5页面内的内容
6、整体流程
1、进入index首页
2、自动或手动进入到webView页面
3、webView中的src自动跳转进行授权
4、进入h5页面
5、返回到小程序
7、注意点:1、需要在测试公众号内手动去配置第4步中redirect_uri参数的域名,2、h5页面需要部署到服务器
文章来源:https://www.toymoban.com/news/detail-759635.html
到了这里,关于小程序进入webView进行微信公众号授权获取用户openId,用来判断用户是否关注与当前小程序关联的公众号的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!