微信小程序用户登录功能代码

以下是微信小程序用户登录功能的代码示例：

// app.js

App({
onLaunch: function () {
// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
console.log(res.code);
// 将 code 发送到后台服务器，获取用户的 openid 和 session_key
wx.request({
url: 'https://yourbackendserver.com/login',
data: {
code: res.code
},
success: res => {
console.log(res.data);
// 保存用户信息到本地缓存中
wx.setStorageSync('openid', res.data.openid);
wx.setStorageSync('session_key', res.data.session_key);
}
})
}
})
}
})

// index.js

Page({
data: {
userInfo: {}
},

// 获取用户信息
getUserInfo: function (e) {
console.log(e.detail.userInfo)
// 将用户信息保存到本地缓存中
wx.setStorageSync('userInfo', e.detail.userInfo);
// 跳转到首页
wx.switchTab({
url: '/pages/home/home'
})
}
})

// index.wxml

<button type="primary" open-type="getUserInfo" bindgetuserinfo="getUserInfo">授权登录</button>

// index.wxss

button {
width: 100%;
height: 50px;
background-color: #007aff;
color: #fff;
border-radius: 5px;
font-size: 16px;
text-align: center;
line-height: 50px;
}