微信小程序登录功能代码
时间: 2023-09-30 14:06:35 浏览: 65
小程序登录功能可以通过调用微信官方提供的API实现,具体代码如下:
1. 在app.js中定义全局变量
```javascript
App({
globalData: {
userInfo: null,
openid: null
}
})
```
2. 在登录页面中调用wx.login()方法获取code
```javascript
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
console.log(res.code)
}
})
```
3. 将code发送到后台获取openid和session_key,并存储到全局变量中
```javascript
wx.request({
url: 'https://yourbackend.com/api/login',
data: {
code: res.code
},
success: res => {
console.log(res.data)
// 将openid存储到全局变量中
getApp().globalData.openid = res.data.openid
}
})
```
4. 获取用户信息并存储到全局变量中
```javascript
wx.getUserInfo({
success: res => {
console.log(res.userInfo)
// 将用户信息存储到全局变量中
getApp().globalData.userInfo = res.userInfo
}
})
```
5. 在其他页面中可以通过getApp().globalData来获取全局变量中的用户信息和openid
```javascript
Page({
onLoad: function () {
console.log(getApp().globalData.userInfo)
console.log(getApp().globalData.openid)
}
})
```
注意:在使用getUserInfo方法时,需要用户授权才能获取到用户信息。需要在app.json中添加以下配置:
```json
{
"permission": {
"scope.userLocation": {
"desc": "获取用户信息"
}
}
}
```
阅读全文