uniapp getUserProfile 的使用方法
2023-04-18 14:29:14 时间
uniapp getUserProfile 使用方法
为什么要使用 uni.getUserProfile
使用 uniapp 开发微信小程序时之前用的是 uni.getUserInfo,现在由于微信方面接口调整
(https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801)
现已改为 getUserProfile; 原来的 getUserInfo 接口可获取用户个人信息能力被回收, 还能返回数据但很
多关键数据是空的, 提示授权的弹窗更是没有。所以要使用新的 getUserProfile 接口。
uni.getUserProfile 使用示例
<template>
<view class="login-container">
<!-- 登录按钮 -->
<button class="btn-login" type="primary" @click="getUserInfo">一键登录</button>
</view>
</template>
<script>
export default {
name: 'my-login',
methods: {
//用户授权之后获取用户的基本信息
getUserInfo(e) {
// uni.getUserProfile({...}) 方法功能: 获取用户信息。页面产生点击事件后才可调用, 每次请求都会弹出授权窗口,用户同意后返回该用户的信息。该接口用来替换 wx.getUserInfo (针对相关接口有较大调整)
uni.getUserProfile({
// 显示用户信息的语言
lang: 'zh_CN',
// 声明获取用户个人信息后的用途,不超过30个字符
desc: '用来授权登录该小程序!',
// 接口调用成功回调函数
success: (userInfo) => {
// 成功的回调里自带一个参数, 这个参数就是用户信息对象(userInfo)。其属性为:
// rawDate: String,不包括敏感信息的原始数据字符串,用于计算签名;
// signature: String, 使用 sha1(rawData + sessionkey) 得到字符串用于校验用户信息;
// encryptedData: String, 包括敏感信息在内的加密数据详细见加密数据解密算法;
// iv: String, 加密算法的初始向量,相见加密数据机密算法;
// cloudID: String, 敏感数据对应的云 ID, 开通云开发的小程序才会返回,可通过云调用直接获取开放数据,详见云开发直接获取开放数据;
// errMsg: String, 错误的描述
uni.$showMsg('登录成功!')
},
// 接口调用失败回调函数
fail: () => {
uni.$showMsg('登录失败!')
},
// 接口调用完成回调函数
complete: () => {},
})
},
},
}
</script>
具体步骤
- 可以在一个 button 里绑定一个点击事件;
- 在点击事件处理函数中 调用 uni.getUserProfile
- 在配置对象中添加需要的属性
参考文档
相关文章
- 直接在代码里面对list集合进行分页
- .NET Framework 4.5新特性详解
- 大数据的简要介绍
- 大数据的由来
- 高斯混合模型的自然梯度变量推理
- timing-wheel 仿Kafka实现的时间轮算法
- 使用Navicat软件连接自建数据库(Linux系统)
- 那一天,我被Redis主从架构支配的恐惧
- Redis 深入了解键的过期时间
- C#使用委托调用实现用户端等待闪屏
- 基于流计算 Oceanus 和 Elasticsearch Service 构建百亿级实时监控系统
- GRAND | 转录调控网络预测数据库
- JFreeChart API中文文档
- 临床相关突变查询数据库
- TIGER | 人类胰岛基因变化查询数据库
- 视频边缘计算网关EasyNVR在视频整体监控解决方案中的应用分析
- Apache Arrow - 大数据在数据湖后的下一个风向标
- 常见的电商数据指标体系
- AKShare-艺人数据-艺人流量价值
- MySQL中多表联合查询与子查询的这些区别,你可能不知道!