// pages/login/login.js
|
|
// 导入封装通用模块方法
|
import { toast } from '@/utils/extendApi'
|
// 导入本地存储 api
|
import { setStorage } from '@/utils/storage'
|
// 导入接口 API 函数
|
import { reqLogin, reqUserInfo } from '@/api/user'
|
|
// 导入 ComponentWithStore 方法
|
import { ComponentWithStore } from 'mobx-miniprogram-bindings'
|
// 导入 store 对象
|
import { userStore } from '@/stores/userstore'
|
|
|
// 使用 ComponentWithStore 方法替换 Component 方法构造页面
|
ComponentWithStore({
|
// 让页面和 Store 对象建立关联
|
storeBindings: {
|
store: userStore,
|
fields: ['token', 'userInfo'],
|
actions: ['setToken', 'setUserInfo']
|
},
|
|
methods: {
|
// 授权登录
|
login: wx.$_.debounce(function () {
|
// 使用 wx.login 获取用户的临时登录凭证 code
|
wx.login({
|
success: async ({ code }) => {
|
if (code) {
|
// 在获取到临时登录凭证 code 以后，需要传递给开发者服务器
|
const { data } = await reqLogin(code)
|
|
// 登录成功以后，需要将服务器响应的自定义登录态存储到本地
|
setStorage('token', data.token)
|
|
// 将自定义登录态 token 存储到 Store 对象
|
this.setToken(data.token)
|
|
// 获取用户信息
|
this.getUserInfo()
|
|
|
|
} else {
|
toast({ title: '授权失败，请重新授权' })
|
}
|
}
|
})
|
}, 500),
|
|
// 获取用户信息
|
async getUserInfo() {
|
// 调用接口，获取用户信息
|
const { data } = await reqUserInfo()
|
|
// 将用户信息存储到本地
|
setStorage('userInfo', data)
|
|
// 将用户信息存储到 Store 对象
|
this.setUserInfo(data)
|
}
|
}
|
})
|
