如何用Vue实现微信获取用户信息的详细步骤？

本文共计1249个文字，预计阅读时间需要5分钟。

本次项目实现了一个点赞功能，用户可通过分享页面至微信好友，好友点赞后，需提供点赞用户的微信昵称、头像及openid（需关注公众号才可获得）。

本次项目做到一个点赞功能，即分享出去一个页面给微信好友，微信好友点开并点赞，需要将点赞用户的微信昵称，微信头像以及微信openid，微信unionid（这个需要关注公众号才会有该字段）传给后端，记录点赞人的相关信息

微信网页授权

1、微信公众号网页授权配置，详见官网

2、关于网页授权的两种scope的区别说明 （详细见官网）

－scope=snsapi_base 获取微信用户openid,获取后直接跳转业务页面，不需要用户操作

－scope=snsapi_userinfo 获取微信用户详细信息（昵称，头像等），需要用户手动点击授权，当点击允许时，会跳转业务页面（类似于关闭弹窗），点击拒绝时会推出页面，授权如图：

⚠️

3、用户管理类接口中的“获取用户基本信息接口”，是在用户和公众号产生消息交互或关注后事件推送后，才能根据用户OpenID来获取用户基本信息。这个接口，包括其他微信接口，都是需要该用户（即openid）关注了公众号后，才能调用成功的。