后浪云百度小程序教程:获取用户信息

  • 获取用户信息
    • button 组件
    • open-data 组件
    • swan.getuserInfo

    获取用户信息

    智能小程序提供 button 组件、open-data 组件、swan.getuserInfo(此方法已下线)三种方法获取用户信息。在获取用户信息时,若用户已登录,则会返回用户的真实数据;若用户未登录,会返回默认用户“百度网友”及默认的头像地址。

    button 组件

    使用方式

    • 在 button 组件中,将 open-type 设置为 getUserInfo ,调用 bindgetuserinfo 会返回获取到的用户信息,从返回参数的 detail 中获取到的值。
    • 如果需要使用接口返回的用户信息加密数据,将返回值中的 encryptedData 和 iv 发送到服务端解密,详细可参考用户数据的签名验证和加解密。

    代码示例

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
     
     
    1. <view class="wrap">
    2. <button type="primary" class="middle-btn" open-type="getUserInfo" bindgetuserinfo="getUserInfo">
    3. 获取用户信息按钮
    4. </button>
    5. </view>
     
     
     
    1. Page({
    2. getUserInfo(e) {
    3. console.log('用户名称', e.detail.userInfo.nickName)
    4. console.log('用户头像', e.detail.userInfo.avatarUrl)
    5. console.log('用户性别', e.detail.userInfo.gender)
    6. }
    7. });

    open-data 组件

    与 swan.getuserInfo 的区别是用户不需要授权,只能在页面中展示。

    此组件使用方式请参考 open-data 组件。

    swan.getuserInfo

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

    详情请参考 swan.getuserInfo 。

    THE END