创新互联百度小程序教程：swan.getUserInfo

  • swan.getUserInfo
    • 方法参数
      • object 参数说明
      • success 返回参数说明
      • userInfo 参数说明
      • 用户数据解密后字段说明
    • 示例
      • 图片示例
      • 代码示例 1：API 获取用户信息（授权后拿到的信息可提交到服务器保存）
      • 代码示例 2：open-data 组件获取用户信息（与 API 的区别是用户不需要授权，只能在页面中展示）
      • 代码示例 3：button 组件获取用户信息

    swan.getUserInfo

    此 API 已被废弃，请使用 button 组件实现相关功能。

    解释：获取用户信息，首次使用的用户会弹出授权提示窗，若用户同意，则会返回用户的真实数据；若用户未登录或者拒绝授权，会返回默认用户“百度网友”及默认的头像地址。使用该 API 需通过获取用户授权设置申请授权后方可对用户发起授权申请，可在 swan.authorize 中查看相关错误码信息。

    方法参数

    Object object

    object 参数说明

    属性名类型必填默认值说明
    successFunction否接口调用成功的回调函数
    failFunction否接口调用失败的回调函数
    completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

    success 返回参数说明

    参数类型说明
    userInfoObject用户信息对象
    dataString包括敏感数据在内的完整用户信息的加密数据，加解密逻辑参考用户数据的签名验证和加解密
    ivString加密算法的初始向量

    userInfo 参数说明

    参数类型说明
    nickNameString用户昵称，用户未设置用户昵称时，将获取用户名。
    avatarUrlString用户头像
    genderNumber性别：值为 0 时是未知，为 1 时是男性，为 2 时是女性。

    用户数据解密后字段说明

    参数类型说明
    nicknameString用户昵称，用户未设置用户昵称时，将获取用户名。
    headimgurlString用户头像
    sexString性别：值为 0 时是未知，为 1 时是男性，为 2 时是女性。
    openidString用户 openid

    示例

    图片示例

    代码示例 1：API 获取用户信息（授权后拿到的信息可提交到服务器保存）

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5.  {{nickname}}
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.   
  
  
    11.  
      12.   
  
  
      13.  
 

     
 
 
        
  
  
    1. Page({
      2.   
  
  
    2.  data: {
      3.   
  
  
    3.  nickname: '百度网友',
      4.   
  
  
    4.  imageSrc: 'https://b.bdstatic.com/searchbox/icms/searchbox/img/avator.png',
      5.   
  
  
    5.  nameColor: 'default'
      6.   
  
  
    6.  },
      7.   
  
  
    7.  getUserInfo(e) {
      8.   
  
  
    8.  swan.getUserInfo({
      9.   
  
  
    9.  success: res => {
      10.   
  
  
    10.  // 用户在首次使用小程序时拒绝授权，可使用此api在合适的业务时机提醒用户再次授权
      11.   
  
  
    11.  // swan.openSetting({});
      12.   
  
  
    12.  console.log('getUserInfo success', res);
      13.   
  
  
    13.  let userInfo = res.userInfo;
      14.   
  
  
    14.  this.setData({
      15.   
  
  
    15.  nickname: userInfo.nickName,
      16.   
  
  
    16.  imageSrc: userInfo.avatarUrl,
      17.   
  
  
    17.  nameColor: 'active'
      18.   
  
  
    18.  });
      19.   
  
  
    19.  },
      20.   
  
  
    20.  fail: err => {
      21.   
  
  
    21.  // 旧方式的真机提示，与工具对齐
      22.   
  
  
    22.  if (err.errCode == 10005) {
      23.   
  
  
    23.  swan.showModal({
      24.   
  
  
    24.  title: '提示',
      25.   
  
  
    25.  content: '通过API获取用户信息将被禁用，为保证用户体验，请使用button组件的open-type获取用户信息'
      26.   
  
  
    26.  })
      27.   
  
  
    27.  }
      28.   
  
  
    28.  // 因为 api 封禁，err的其他错误码对应的场景不会复现，开发者请使用 button 组件实现相关功能
      29.   
  
  
    29.  console.log('getUserInfo err', err);
      30.   
  
  
    30.  }
      31.   
  
  
    31.  });
      32.   
  
  
    32.  },
      33.   
  
  
    33.  clearUserInfo(e) {
      34.   
  
  
    34.  this.setData({
      35.   
  
  
    35.  nickname: '百度网友',
      36.   
  
  
    36.  imageSrc: 'https://b.bdstatic.com/searchbox/icms/searchbox/img/avator.png',
      37.   
  
  
    37.  nameColor: 'default'
      38.   
  
  
    38.  });
      39.   
  
  
    39.  }
      40.   
  
  
    40. });
      41.

    代码示例 2：open-data 组件获取用户信息（与 API 的区别是用户不需要授权，只能在页面中展示）

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.  昵称
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.   
  
  
    11.  
      12.   
  
  
    12.  
      13.   
  
  
    13.  性别
      14.   
  
  
    14.  
      15.   
  
  
    15.  
      16.   
  
  
    16.  
      17.   
  
  
    17.  
      18.   
  
  
    18.  
      19.   
  
  
      20.

    代码示例 3：button 组件获取用户信息

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
 
 
        
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  获取用户信息按钮
      4.   
  
  
    4.  
      5.   
  
  
      6.  
 

     
 
 
        
  
  
    1. Page({
      2.   
  
  
    2.  getUserInfo(e) {
      3.   
  
  
    3.  console.log('用户名称', e.detail.userInfo.nickName)
      4.   
  
  
    4.  console.log('用户头像', e.detail.userInfo.avatarUrl)
      5.   
  
  
    5.  console.log('用户性别', e.detail.userInfo.gender)
      6.   
  
  
    6.  }
      7.   
  
  
    7. });
      8.

    分享名称：创新互联百度小程序教程：swan.getUserInfo
    转载来源：http://www.csdahua.cn/qtweb/news10/419760.html

    网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

    成都快上网为您推荐相关内容

    搜索引擎优化知识

    分类信息网站

    成都网站排名　　 　商城网站　　 　木包装箱　　 　app软件开发　　 　成都logo设计公司　　 　手机网站设计　　 　模板商城网站　　 　四川国泰民安消防　　 　西云服务器托管　　 　宇仓仓储　　 　wap网站制作　　 　攀枝花网站设计　　 　晟和广告　　 　重庆机房托管　　 　广安网站设计　　 　雅安移动机房　　 　成都营销网站建设　　 　官网SEO排名　　 　鳄鱼养殖　　 　xjjierui.cn