上一节给大家讲了零基础学小程序005---小程序登陆注册功能实现。我们有时候只需要获取到微信用户的用户名和用户信息就可以了,不一定非得让用户去注册。所以这一节来给大家讲一下如何获取用户信息。
先来看下请求到的结果
获取用户信息.png
目前微信提供的获取用户信息的方式主要是下面两种方式
1,通过wx.getUserInfo
wx.getUserInfo({ success: function(res) { console.log(res.userInfo) } })
2,通过<button open-type="getUserInfo" ></button>
用于第一种方式,微信现在不在给弹窗提示了,所以推荐使用第二种方式
微信api.png
下面就来讲下用第二种方式如何获取用户信息
主要实现代码如下
//user.wxml里布局 <button open-type="getUserInfo" type="primary" bindgetuserinfo="onGotUserInfo"> 获取用户信息 </button> // button获取用户信息 onGotUserInfo: function(e) { if (e.detail.userInfo) { var user = e.detail.userInfo; app._saveUserInfo(user); } else { console.log("用户拒绝了登陆"); } },
我们通过设置open-type="getUserInfo" 来实现点击登陆按钮时获取用户信息,
通过bindgetuserinfo="onGotUserInfo"来把获取到的用户信息传递到js文件里,进而做一些后续操作。
当我们点击登陆按钮时,会有如下弹窗
用户拒绝登陆.png
如果用户点拒绝登陆,我们可以提醒用户。如果用户点击允许我们就可以获取到用户的信息了。
下面就是我们获取到到用户信息
{nickName: "小程序小游戏开发", gender: 1, language: "zh_CN", city: "Hangzhou", province: "Zhejiang", …}
到此我们就实现了小程序获取用户信息的功能了,是不是很简单。