qianwanlai/lailab-toolbox-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化代码

Browse Source
This commit is contained in:
admin
2026-01-08 17:41:46 +08:00
parent c994fcca33
commit 94bf924525
7 changed files with 954 additions and 446 deletions
Download Patch File Download Diff File Expand all files Collapse all files
App.vue
+344 -138
View File
@@ -1,177 +1,383 @@
<script>
import authUtil from '@/utils/auth.js'; // 引入工具类
import userUtil from '@/utils/user.js'; // 引入工具类
export default {
globalData: {
website: "https://www.lailab.cn/miniprogram",
website: "https://www.lailab.cc:8080",
hasUserInfo: false,
userInfo: {},
openId: null
openId: null,
defaultAuthCode: "D768ECAAB35C55ABBA071C5415D6520E",
method: {
getOpenId: "/api/wx/getOpenId",
getUserByOpenId: "/api/user/getUserByOpenId",
addUser: "/api/user/addUser",
getConfigAll: "/api/pic/getPicAll",
getAuthMd5Code: "/api/auth/getAuthMd5Code"
},
homePageData:{
tip: {
msg:"世上无难事，只要肯攀登。",
isShow:true,
level:2
},
swiper: {
background: [
{
type:"color",
background: "#0226",
text:"广告位1",
clickable:true,
action:"dialog",
content:"你点击了广告位1",
},
{
type:"image",
background: "",
mode:"scale",
text:"广告位2",
clickable:true,
action:"goto",
content:"/pages/utils/showImg/showImg"
},
{
type:"color",
background: "#A70",
text:"广告位3",
clickable:true,
action:"dialog",
content:"你点击了广告位3"
}
],
indicatorDots: true,
autoplay: true,
interval: 2000,
duration: 500,
vertical: false,
circular: true
},
pics: [
{
url:"https://img1.baidu.com/it/u=2172818577,3783888802&fm=253&app=138&f=JPEG?w=800&h=1422",
source:"LaiLab",
id:"1"
},
{
url:"https://hellorfimg.zcool.cn/provider_image/large/hi2241910533.jpg?x-image-process=image/format,webp",
source:"百度",
id:"2"
},
{
url:"https://c-ssl.dtstatic.com/uploads/blog/202403/13/0GSvde87c0G05zE.thumb.1000_0.jpg",
source:"百度",
id:"3"
},
{
url:"https://img0.baidu.com/it/u=3815152378,1770089461&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1082",
source:"百度",
id:"4"
},
{
url:"https://img1.baidu.com/it/u=1046630760,1711311937&fm=253&app=138&f=JPEG?w=800&h=1428",
source:"百度",
id:"5"
},
{
url:"https://c-ssl.dtstatic.com/uploads/blog/202312/04/0GSvVw6Xt0exN0g.thumb.1000_0.jpg",
source:"百度",
id:"6"
},
{
url:"https://img0.baidu.com/it/u=41840629,336950107&fm=253&app=138&f=JPEG?w=500&h=1109",
source:"百度",
id:"7"
},
{
url:"https://hellorfimg.zcool.cn/provider_image/large/hi2241910533.jpg?x-image-process=image/format,webp",
source:"百度",
id:"8"
}
]
},
morePageData:{
tools: [
{
name:"Hello",
cards:[
{
title:"测试",
detail:"村上春树",
color:"#aaa",
icon:"../../static/icons/icon_qrcode.png",
url:""
}
]
},
],
}
},
onLaunch: function() {
console.log("=== LaiLab小程序主页 ===");
this.login();
},
methods: {
login() {
const that = this
if (this.globalData.hasUserInfo) {
console.log("已获取用户信息");
} else {
//调用登录接口
uni.login({
success: function(res1) {
// 获取个人 code
uni.getUserInfo({
success: res2 => {
// 获取 OpenId
wx.request({
url: that.globalData.website +
"/api/getOpenId.php",
method: "POST",
data: {
code: res1.code,
},
header: {
"Content-Type": "application/x-www-form-urlencoded"
},
success: function(res3) {
if (res3.data.result.openid) {
that.globalData.openId = res3.data
.result.openid;
console.log("获取OpenId成功");
uni.request({
url: that.globalData
.website +
"/api/getUserInfo.php",
method: 'POST',
data: {
openId: res3.data
.result.openid
},
success(res4) {
if (res4.data.err ==
0) {
console.log(
"用户未注册");
uni.showModal({
title: '提示',
content: '检测到您尚未登录，某些工具可能无权使用，请先去登录。',
confirmText: '去登陆',
cancelText: '取消',
success(res) {
if (res.confirm) {
that.userLogin();
}
}
})
} else if (res4.data
.err == 1) {
console.log(
"用户已注册");
that.globalData
.userInfo =
res4.data
.result[0];
that.globalData
.hasUserInfo =
true;
}
}
});
} else {
console.log("获取OpenId失败", res3);
}
},
fail: function(res3) {
console.log("访问OpenId服务器失败", res);
}
})
},
fail: function() {
that.authorizeCheck("scope.userInfo");
}
})
},
fail(res) {
console.log("调用登录服务失败", res);
}
})
async login() {
const that = this;
const gData = this.globalData;
if (gData.hasUserInfo) {
console.log("已获取用户信息，跳过登录流程");
return;
}
console.log("未获取用户信息，开始获取");
try {
// 步骤1: 获取微信code
const step1Result = await this.getWechatCode();
// 步骤2: 获取用户信息
const step2Result = await this.getUserInfo();
// 步骤3: 获取OpenId
console.log(`3.调用方法 ${gData.method.getOpenId} 开始 入参: ${step1Result.code}`);
const openId = await userUtil.getOpenId(step1Result.code);
console.log(`3.调用方法 ${gData.method.getOpenId} 结束 返回: ${openId}`);
gData.openId = openId;
// 获取授权码
var requestData_getAuth = {
openId: gData.openId
};
console.log(`4.1 调用方法 ${gData.method.getAuthMd5Code} 开始 入参: ${JSON.stringify(requestData_getAuth)}`);
var authCode = await authUtil.getAuthMd5Code(requestData_getAuth)
console.log(`4.1 调用方法 ${gData.method.getAuthMd5Code} 结束 返回: ${authCode}`);
// 若用户未注册，则以下步骤将都无法进行，所以填充默认授权码
if(authCode===''||authCode===null){
authCode = gData.defaultAuthCode;
}
// 步骤4: 检查用户注册状态
var requestData_checkUser = {
openId: gData.openId,
authCode: authCode
};
console.log(`4.2 调用方法 ${gData.method.getUserByOpenId} 开始 入参: ${JSON.stringify(requestData_checkUser)}`);
const userData = await userUtil.checkUserStatus(requestData_checkUser);
console.log(`4.2 调用根据 ${gData.method.getUserByOpenId} 结束 返回: ${isexist}`);
const isexist = userData.data.code;
switch (isexist) {
case -1:
console.log("用户未注册");
this.handleUserNotRegistered();
break;
case -2:
console.error(`报错: ${userData.data.message}`);
this.toast(userData.data.message || "查询用户信息失败", 'error');
break;
case 0:
console.log(`用户已注册,自动登录！用户信息: ${JSON.stringify(userData.data.data)}`);
gData.userInfo = userData.data.data;
gData.hasUserInfo = true;
this.toast("自动登录成功", 'success');
break;
default:
console.warn(`4.未知状态码: ${isexist}`);
break;
}
} catch (error) {
console.error("登录流程失败:", error);
this.toast("登录失败，请重试", 'error');
}
},
// 步骤1: 获取微信code
getWechatCode() {
return new Promise((resolve, reject) => {
console.log("1.调用登录接口wx.login()开始");
uni.login({
success: function(res) {
console.log(`1.调用登录接口wx.login()结束 返回: ${JSON.stringify(res)}`);
console.log(`1.返回参数: code=${res.code}`);
resolve(res);
},
fail: function(res) {
console.error(`1.调用微信接口wx.login()失败 返回: ${JSON.stringify(res)}`);
reject(new Error("微信登录失败"));
}
});
});
},
// 步骤2: 获取用户信息
getUserInfo() {
return new Promise((resolve, reject) => {
console.log("2.调用用户信息接口wx.getUserInfo()开始");
uni.getUserInfo({
success: (res) => {
console.log("2.调用用户信息接口wx.getUserInfo()结束 返回:", res);
console.log("2.返回参数: userInfo=", res.userInfo);
resolve(res);
},
fail: (res) => {
console.error(`2.调用微信接口wx.getUserInfo()失败 返回: ${JSON.stringify(res)}`);
this.authorizeCheck("scope.userInfo");
reject(new Error("获取用户信息失败"));
}
});
});
},
// 处理用户未注册情况
handleUserNotRegistered() {
const that = this;
uni.showModal({
title: '提示',
content: '检测到您尚未登录，某些工具可能无权使用，请先去登录。',
confirmText: '去登陆',
cancelText: '取消',
success(res) {
if (res.confirm) {
console.log("用户选择去登录");
that.userLogin();
} else {
console.log("用户点击取消");
}
}
});
},
// 用户登录（手动）
async userLogin() {
const that = this;
const gData = this.globalData;
// 若用户未登录
if (!gData.hasUserInfo) {
this.toast("正在登录", 'loading');
try {
// 获取详细用户信息
const profile = await this.getUserProfileWithDesc();
gData.hasUserInfo = true;
gData.userInfo = profile.userInfo;
this.toast("登录成功", 'success');
// 注册用户
if (gData.openId) {
console.log(`4.3 调用 ${gData.method.addUser} 开始 入参: ${profile.userInfo}`);
const result = await userUtil.registerUser(profile.userInfo);
console.log(`4.3 调用 ${gData.method.addUser} 结束 返回: ${result}`);
} else {
console.warn("没有OpenId，无法注册用户");
this.toast("登录异常，请重新进入小程序", 'error');
return;
}
// 跳转到个人中心
uni.switchTab({
url: '/pages/mine/mine'
});
} catch (error) {
console.error("用户登录失败:", error);
this.toast(error.message || "登录失败", 'error');
}
} else {
this.toast("您已经登录", 'none');
}
},
// 获取用户详细信息（带描述）
getUserProfileWithDesc() {
return new Promise((resolve, reject) => {
uni.getUserProfile({
desc: "获取你的昵称、头像、地区及性别",
success: resolve,
fail: (res) => {
reject(new Error("您拒绝了授权请求"));
}
});
});
},
// 授权检查
authorizeCheck(scope) {
console.log(`检查授权: ${scope}`);
uni.authorize({
scope: scope,
success: () => {
console.log(`${scope} 授权成功`);
},
fail: () => {
console.log(`${scope} 授权失败`);
this.toast("需要授权才能使用完整功能", 'none');
}
});
},
// Toast提示
toast(title, icon = 'none', duration = 2000) {
uni.showToast({
title: title,
icon: icon,
duration: duration
});
},
// 分享相关方法（保留原有逻辑）
getRandomShareTitle: function() {
var arr = [];
if (this.globalData.shareapptext) {
arr = this.globalData.shareapptext;
}
return arr[Math.floor(Math.random() * arr.length)];
},
getMainAppShare: function() {
return {
title: this.getRandomShareTitle(),
path: '/pages/index/index',
success: function(res) {
// 转发成功
console.log("分享成功");
},
fail: function(res) {
// 转发失败
console.log("分享失败");
}
}
},
userLogin() {
const that = this;
// 若用户未登录
if (!that.globalData.hasUserInfo) {
that.toast("正在登录", 'loading');
uni.getUserProfile({
desc: "获取你的昵称、头像、地区及性别",
success: res => {
that.globalData.hasUserInfo = true;
that.globalData.userInfo = res.userInfo;
that.toast("登录成功", 'success');
uni.switchTab({
url: '/pages/mine/mine'
})
const openId = that.globalData.openId;
if (openId) {
res.userInfo.openId = openId;
uni.request({
url: that.globalData.website + "/api/login.php",
method: 'POST',
data: res.userInfo,
success(res) {
uni.showModal({
title: "提示",
content: res.msg
})
}
})
} else {
console.log("没有OpenId,请重新进入小程序");
}
},
fail: res => {
that.toast("您拒绝了请求", 'error');
}
})
} else {
that.toast("您已经登录",'none');
}
},
toast(title, icon) {
uni.showToast({
title: title,
icon: icon
})
}
}
}
</script>
<style>
/*每个页面公共css */
/* 每个页面公共css */
uni-page-body,
html,
body {
height: 100%;
}
</style>
</style>