零基础学小程序006---小程序获取用户信息用户昵称

简介: 零基础学小程序006---小程序获取用户信息用户昵称

上一节给大家讲了零基础学小程序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", …}

到此我们就实现了小程序获取用户信息的功能了,是不是很简单。

相关文章
|
2月前
|
小程序 JavaScript
小程序授权获取昵称
小程序授权获取昵称
|
12月前
|
存储 缓存 小程序
微信小程序如何获取微信昵称和头像
微信小程序如何获取微信昵称和头像
197 0
|
2月前
|
小程序
微信小程序用户登陆和获取用户信息功能实现
微信小程序用户登陆和获取用户信息功能实现
41 0
|
2月前
|
存储 小程序 定位技术
微信小程序获取用户信息流程
微信小程序获取用户信息流程
|
2月前
|
小程序 API
微信小程序获取昵称,头像
微信小程序获取昵称,头像
|
8月前
|
小程序 JavaScript 程序员
小程序新方法 open-type获取头像昵称
小程序新方法 open-type获取头像昵称
174 0
|
11月前
|
缓存 小程序 开发者
微信小程序wx.getUserProfile接口获取用户信息的使用
微信小程序wx.getUserProfile接口获取用户信息的使用
1147 0
|
12月前
|
小程序 API
微信小程序获取昵称,头像
微信小程序获取昵称,头像
148 0
|
小程序 JavaScript 前端开发
微信小程序上传头像和昵称持久化保存
微信小程序上传头像和昵称持久化保存
919 0
|
缓存 小程序 前端开发
微信小程序获取用户头像昵称手机号最新版
微信小程序获取用户头像昵称手机号最新版
434 0