vue实现微信获取用户信息的方法-创新互联

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

10年积累的网站设计、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有米脂免费网站建设让你可以放心的选择与我们合作。

微信网页授权

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

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

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

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

vue实现微信获取用户信息的方法⚠️

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

4、分享页面的实际链接:

⚠️ 当前页面的链接需要 encodeURIComponent( url ) 编码

https://open.weixin.qq.com/connect/oauth3/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
// APPID: 公众号的appid
// REDIRECT_URI:当前页面的链接,需要编码
// scope: snsapi_base / snsapi_userinfo
// 其他值均不用改动

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章名称:vue实现微信获取用户信息的方法-创新互联
标题来源:http://ybzwz.com/article/edoeg.html