当前位置：首页 > news >正文

业主验证超时问题解决方案

news 2025/10/12 16:26:22

问题描述

在使用微信小程序进行业主身份验证时，出现API请求超时的问题：

❌ API请求失败 [GET] /parking/ownerinfo/checkMonthlyTicket - 耗时: 30015ms, 第3次尝试: {errMsg: "request:fail timeout"}

问题原因分析

外部API调用耗时：后端需要调用外部月票API查询大量数据

超时设置不足：前端设置30秒超时，但外部查询可能需要更长时间

重试机制加重问题：失败后重试3次，总等待时间可能超过90秒

用户体验差：长时间等待且缺乏有效的进度提示

解决方案

1. 前端优化

1.1 增加API超时时间

文件：car-new-demo/config/api.js

// 验证业主月票信息（调用外部月票API）
checkMonthlyTicket(phone, community) {return request({url: apiUrls.owner.checkMonthlyTicket,method: 'GET',data: { phone: phone,community: community},timeout: 90000, // 增加到90秒超时，适应外部API查询maxRetries: 1,  // 减少重试次数，避免长时间等待retryDelay: 3000 // 重试间隔3秒});
}

1.2 改善用户体验

文件：car-new-demo/pages/auth/visitor-apply.vue

添加进度提示：

- 显示"正在验证业主身份..."

- 5秒后切换为"外部验证中，请耐心等待..."

优化错误处理：

- 超时错误：提供重新验证选项

- 网络错误：给出具体的解决建议

- 显示详细的错误信息和耗时

1.3 phone-auth.vue 页面优化

调整进度更新频率，提供更合理的时间预期：

// 动态进度更新，根据实际耗时调整
const progressUpdateInterval = setInterval(() => {const elapsed = (Date.now() - verificationStartTime) / 1000;if (elapsed < 10) {this.updateStage(2, 35, '🔍 正在连接四季上东停车场系统...');} else if (elapsed < 20) {this.updateStage(2, 45, '📊 正在查询您的月票信息...');} else if (elapsed < 30) {this.updateStage(2, 55, '🎯 正在匹配用户身份和权限...');} else if (elapsed < 45) {this.updateStage(2, 65, '⏳ 外部查询正在进行，请稍等...');} else if (elapsed < 60) {this.updateStage(2, 70, '🔄 查询数据量较大，正在处理...');} else {this.updateStage(2, 75, '⌛ 系统正在努力查询中，马上完成...');}
}, 5000); // 每5秒更新一次

2. 后端优化

2.1 控制器层优化

文件：parking-demo/src/main/java/com/parkingmanage/controller/OwnerinfoController.java

优化查询策略：

// 优先使用缓存和高效的验证方法
Map<String, Object> ownerDetails = ownerRoleVerificationService.getOwnerDetailsByPark(phone, community);if (ownerDetails != null) {// 直接返回详细信息
} else {// 回退到基本验证boolean isOwner = ownerRoleVerificationService.isOwnerByPhoneNumberInParkCode(phone, parkCode);
}

添加性能监控：

- 记录查询耗时

- 详细的错误日志

- 根据耗时提供不同的错误信息

2.2 服务层已有优化

OwnerRoleVerificationService 已实现的优化：

缓存机制：使用 @Cacheable 缓存查询结果

并行查询：使用 parallelStream 并行处理多个停车场

早期终止：找到匹配结果立即返回

超时控制：单个停车场查询最多5秒

性能监控：详细的日志记录和耗时统计

使用建议

1. 开发环境设置

确保在 car-new-demo/config/api.js 中设置正确的超时时间：

const config = {development: {baseURL: 'http://localhost:8543',timeout: 30000 // 开发环境30秒},production: {baseURL: 'https://your-domain.com',timeout: 45000 // 生产环境45秒}
};