小程序服务器获取用户名头像,最新小程序获取个人信息头像名称方法

2023-05-16

693cf8598495703c97c9f5d582f4c3d6.png

一、利用标签显示头像和用户名(用于展示微信开放的数据)

此方法不需要用户授权即可获取的到,但是由于是在标签中的,所以js是无法获取到值的。用于简单的显示。

4b8e09a47e411b7d0032a875fba1e76c.png

userGender为获取性别,lang的“zh_CN”为中文显示,默认是英文

对于type属性官方还给出很多值供大家使用,大家可以来看看:

2ad41480700d51fd0c11f61ae20b1293.png

二、使用button按钮进行获取,现在最新的获取的个人信息必须使用按钮才获取,让用户主动点击。

HTML代码

66012c3de4d3e98875cbae20f8425ad5.png

HTML代码js代码

15c0a47bffb5266e69937cfc17c4dc88.png自定义方法里面有个参数,我们一起打印

js代码

如果用户点击的确认授权我们就能获取到用户的信息:

2cb1ab03d4c1181d3623b31b8e675762.png

这样的话我们可以用过if语句来判断用户是否点击了确认授权或者拒绝授权:

03b7f576f30a1a9a5c10bc5d73b39ffe.png

在另外的使用场景中,我们可以先判断能否获取的到用户的信息,如果不行则显示授权按钮让用户进行点击授权。使用到的方法是:wx.getSetting()

let userInfo={}//存放获取到的个人信息wx.

603610215da648e033d1049cd479bdd7.png

({//获取用户信息方法 success:(res)=>{//当成功获取后if(res.authSetting["scope.userInfo"]){//判断是否有用户信息 wx.getUserInfo({//如果有则获取 success:(res)=>{ userInfo = res.userInfo//userInfo为总的个人信息赋值给定义的userInfo}})}else{//否则如果没有个人信息则是用户未授权//这里可以设置显示获取个人信息按钮,进行用户授权,用户授权后再执行此方法则会跳转到有用户信息}}})

//图片代码解释:当获成功获取到信息后判断参数是否有个人信息,如果没有则显示bottommodal(自定义组件)显示授权按钮,如果有个人信息则获取个人信息。

三、获取openid首先我们需要新建包含云开发的项目,在云函数中给我们自动生成了一个login云函数。我们只要在js代码中调用它即可获取到openid。我们在html中创建一个button按钮:

03f7bb07bd295f5d9d05eafabecbe9fb.png

在js中调用云函数:

a1dbee416b4426da2bc7de10b85f0770.png

打印输入返回值即可获得openid。

通过云函数获取到openid是不需要用户授权的,但不能通过openid来获取个人信息。

举报/反馈

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

小程序服务器获取用户名头像,最新小程序获取个人信息头像名称方法 的相关文章

随机推荐