帮忙写一个微信小程序的登录
时间: 2024-01-31 22:02:38 浏览: 33
好的,下面是微信小程序的登录示例代码:
1. 在小程序的 app.js 文件中,添加以下代码:
```javascript
App({
globalData: {
userInfo: null
},
onLaunch: function () {
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
console.log(res.code)
}
})
}
})
```
2. 在小程序的 login 页面中,添加以下代码:
```html
<view>
<button type="primary" bindtap="login">微信登录</button>
</view>
```
```javascript
Page({
login: function () {
wx.getUserProfile({
desc: '用于完善会员资料',
success: (res) => {
console.log(res.userInfo)
getApp().globalData.userInfo = res.userInfo
wx.switchTab({
url: '/pages/index/index'
})
}
})
}
})
```
3.在小程序的 index 页面中,添加以下代码:
```html
<view>
<image src="{{userInfo.avatarUrl}}" />
<text>{{userInfo.nickName}}</text>
</view>
```
```javascript
Page({
data: {
userInfo: {}
},
onLoad: function () {
this.setData({
userInfo: getApp().globalData.userInfo
})
}
})
```
这样,当用户点击登录按钮时,会弹出授权登录窗口,用户授权后可以获取到用户信息,在 index 页面中展示用户头像和昵称。