【微信小程序授权登陆】
在微信小程序中，授权登录是一个关键功能，它允许用户使用微信账号直接登录到小程序，简化了用户的注册和登录流程。微信小程序提供了`getUserInfo` API 来实现这一功能。以下是实现授权登录及每次检查授权状态的详细步骤：
1. **触发授权**：
在页面中放置一个`<button>`组件，设置`open-type="getUserInfo"`，当用户点击按钮时，微信会弹出授权提示框。同时，添加`bindgetuserinfo`事件处理函数，用于接收用户授权后的信息。
```html
<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo" class="fix">登录</button>
```
2. **事件处理函数**：
在`index.js`中定义`onGotUserInfo`函数，这个函数会在用户授权后被调用。如果用户授权成功，`e.detail.userInfo`将包含用户信息。这里还需要一个全局变量`app.globalData.isok`来判断用户是否已经授权过。
```javascript
onGotUserInfo:function (e) {
if (e.detail.userInfo != undefined && app.globalData.isok == false) {
// 授权成功后的处理逻辑
} else if (app.globalData.isok == true) {
// 已经授权，直接跳转
}
}
```
3. **获取登录凭证（Code）**：
当用户授权成功，需要调用`wx.login`接口获取微信服务器返回的登录凭证（Code）。这个Code将在后续请求中用于换取用户的唯一标识（openid）。
```javascript
wx.login({
success: function (data) {
var postData = {
code: data.code
};
// 使用Code换取用户信息
},
fail: function () {
// 处理失败情况
}
});
```
4. **请求微信服务器获取openid**：
将获取到的`Code`发送到微信服务器，通过`sns/jscode2session`接口换取`openid`和`session_key`。这里的URL可以是自定义的服务端接口，将Code作为参数传递。
```javascript
wx.request({
url: 'https://api.weixin.qq.com/sns/jscode2session?appid=' + APPID + '&secret=' + SECRET + '&js_code=' + postData.code + '&grant_type=authorization_code',
data: {},
header: {
'content-type': 'application/json'
},
success: function (res) {
// 存储openid并进行下一步操作
},
fail: function () {
// 处理请求失败
}
});
```
5. **存储用户信息**：
在获取到用户信息后，通常会将其保存到本地存储，如使用`wx.setStorageSync`。在这个例子中，存储了`unionid`。
```javascript
wx.setStorage({
key: "unionid",
data: res.data.unionid
})
```
6. **页面跳转**：
用户授权并成功获取信息后，可以跳转到其他页面，如主页或个人中心。
```javascript
wx.navigateTo({
url: '../archives/archives'
})
```
7. **检查授权状态**：
在`onLoad`函数中，可以通过`app.globalData.userInfo`检查用户是否已授权。如果已经授权，可以直接跳转到相应的页面。
```javascript
if (app.globalData.userInfo) {
this.setData({
userInfo: app.globalData.userInfo
})
}
```
微信小程序授权登录涉及用户交互、微信API调用以及与服务端通信等多个环节，通过这些步骤可以确保用户授权的顺利进行，并在后续使用中方便地获取和使用用户信息。注意，为了保证用户体验，需谨慎处理授权失败的情况，并提供合理的引导。
