前言
在微信小程序中，你可以使用 getUserProfile 接口来获取用户的个人信息，并进行授权登录。以下是使用 getUserProfile 的步骤：
小程序发了篇公告小程序登录、用户信息相关接口调整说明
将授权登陆获取用户信息的接口调整了,新增了一个wx.getUserProfile。特说明一下授权登陆的注意事项:
步骤：
- 原授权登陆流程不变,依旧是
2.在需要进行授权登录的页面或组件的 JavaScript 文件中引入 wx.getUserProfile 方法。例如：
// 在页面或组件的 JavaScript 文件中引入 getUserProfile import { getUserProfile } from 'wechat-api'; // 其他代码
3.wx.getUserProfile这个API必须写在事件的最上面
示例代码:
wxml:
<button bindtap="login">登陆</button>
js:
login() { wx.getUserProfile({ desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写 success: (file) => { console.log(file) wx.login({ success: (res) => { console.log(res); wx.request({ url: 'code获取openid的接口', data: { code: res.code }, success: (open) => { console.log(open.data); wx.request({ url: '授权登陆接口', data: { openid: open.data.openid, NickName: file.userInfo.nickName, HeadUrl: file.userInfo.avatarUrl }, success(data) { console.log(data.data); } }) } }) } }) } }) },
获取用户信息的接口变化历史:
- 直接用
wx.getUserInfo获取用户信息,后来被限制。 - 使用button按钮的
open-type="getUserInfo",通过bindgetuserinfo事件获取用户信息,现在叒限制。 - 使用API:
getUserProFile获取用户信息
注意事项：
需要注意的是，使用 getUserProfile 接口前，请确保已经在微信开发者工具中进行了相应的设置，如在 "小程序设置" > "开发" > "接口设置" 中开启了 "获取用户信息" 权限。
