19.在项目中获取当前登录用户信息

uni-app中 button组件有一个参数，open-type开放能力，可以使用更多内置的功能，其中就包括获取用户信息，getUserInfo ，当button被设置该值时，还需要绑定 @getuserinfo回调事件，触发一个回调函数。

uni全局对象获取用户信息

uni.getUserInfo(OBJECT)

获取用户信息。
平台差异说明

注意： 微信小程序端，在用户未授权过的情况下调用此接口，不会出现授权弹窗，会直接进入 fail 回调（详见《微信小程序公告》）。在用户已授权的情况下调用此接口，可成功获取用户信息。
OBJECT 参数说明

lang 值说明

注意：在小程序 withCredentials 为 true 时或是在 App 调用 uni.getUserInfo，要求此前有调用过 uni.login 且登录态尚未过期。微信基础库2.10.4版本对用户信息相关接口进行了调整，使用 uni.getUserInfo 获取得到的 userInfo 为匿名数据，建议使用 uni.getUserProfile 获取用户信息。
success 返回参数说明

userInfo 参数说明

除了以上三个必有的信息外，不同服务供应商返回的其它信息会存在差异。

使用方法：
在一个方法中调用uni的getUserInfo方法

<tempalte>
      <button @getuserinfo="call" @click="getuserinfo"  type="primary" >收藏</button>
</tempalte>
<script>
methods:{
  getuserinfo(){
                uni.getUserInfo({
                    success: (res) => {
                        console.log(res)
                    }
                })
            },
  call(){
    console.log('回调函数被触发')
  }
}
</script>

uni调用该方法时如果button中设置了 @getuserinfo的回调函数，则还会触发该函数。

但是我们会发现，这请求回来的数据，并不是我们想要的，当前登录用户的个人信息，而是cloud平台给这个用户包装的信息，所以真正的获取用户信息的方法还在后面。：

uni.getStorage(OBJECT)

从本地缓存中异步获取指定 key 对应的内容。
OBJECT 参数说明

success 返回参数说明

示例

uni.getStorage({
    key: 'storage_key',
    success: function (res) {
        console.log(res.data);
    }
});

uni.getStorageSync(KEY)

从本地缓存中同步获取指定 key 对应的内容。
参数说明

示例

try {
    const value = uni.getStorageSync('storage_key');
    if (value) {
        console.log(value);
    }
} catch (e) {
    // error
}

uni.getStorageInfo(OBJECT)

异步获取当前 storage 的相关信息。
平台差异说明

OBJECT 参数说明

success 返回参数说明

通过uni.getStorageInfo输出信息可以看到keys所有可获得的键值：

可以发现 keys中有userInfo这个键，所以我们就用 uni.getStorage()来获取这个键值
uni.getStorageSync(“userInfo”)

此时我们发现，已经获取到了真正的用户信息。
原因：用户在登陆时会将自身信息存入本地缓存进行持久化，所以可以通过这个API来获取用户本地的信息，这样我们有了 用户 id，就能独立实现 浏览记录 和 个人收藏的功能了，好耶！！

可以看到上图中我们打印了res结果中的用户信息，发现完全正确，这下就可以实现绑定到用户的历史记录和收藏夹功能了。