小程序授权登录怎么做
时间: 2023-07-19 21:07:47 浏览: 81
小程序授权登录一般分为两种方式:基础库版本在 1.3.0 及以上的使用 `wx.getUserInfo` 接口进行授权,基础库版本低于 1.3.0 的使用 `button` 组件进行授权。
方法一:使用 `wx.getUserInfo` 接口进行授权
1. 在 `app.js` 中添加 `onLaunch` 函数,获取用户信息:
```
App({
onLaunch: function () {
wx.getUserInfo({
success: function(res) {
console.log(res.userInfo)
}
})
}
})
```
2. 在 `index.js` 中添加获取用户信息的按钮:
```
Page({
data: {
userInfo: {}
},
getUserInfo: function(e) {
console.log(e.detail.userInfo)
this.setData({
userInfo: e.detail.userInfo
})
}
})
```
3. 在 `index.wxml` 中添加获取用户信息的按钮:
```
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取头像昵称</button>
```
方法二:使用 `button` 组件进行授权
1. 在 `index.js` 中添加获取用户信息的按钮:
```
Page({
data: {
userInfo: {}
},
bindGetUserInfo: function(e) {
console.log(e.detail.userInfo)
this.setData({
userInfo: e.detail.userInfo
})
}
})
```
2. 在 `index.wxml` 中添加获取用户信息的按钮:
```
<button type="primary" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>
```
注意:使用 `button` 组件进行授权需要在小程序管理后台配置授权域名,并且要求小程序已经发布。
阅读全文