微信小程序授权登录怎么写代码
时间: 2023-06-01 16:02:06 浏览: 82
以下是微信小程序授权登录的示例代码:
1. 在app.js中定义全局变量
```
App({
globalData: {
userInfo: null
}
})
```
2. 在需要授权登录的页面中,引入wx.getUserInfo()方法
```
//index.js
const app = getApp()
Page({
data: {
userInfo: null
},
onLoad: function () {
// 在页面加载时判断用户是否已经授权登录
if (app.globalData.userInfo) {
this.setData({
userInfo: app.globalData.userInfo
})
} else {
// 如果用户未授权登录,则调用wx.getUserInfo()方法
wx.getUserInfo({
success: res => {
app.globalData.userInfo = res.userInfo
this.setData({
userInfo: res.userInfo
})
}
})
}
}
})
```
3. 在需要显示用户信息的地方,使用data中的userInfo变量
```
<!-- index.wxml -->
<view wx:if="{{userInfo}}">
<image src="{{userInfo.avatarUrl}}" />
<text>{{userInfo.nickName}}</text>
</view>
```
以上代码是一个简单的微信小程序授权登录示例,你可以根据自己的需求进行修改和扩展。