HomeLease/debug-upload.js

/**
 * 头像上传调试脚本
 * 用于分析和解决头像上传问题
 */

// 调试配置
const DEBUG_CONFIG = {
  baseUrl: 'http://192.168.2.143:4601',
  uploadUrl: '/app/user/avatar',
  timeout: 60000
}

// 调试工具类
class UploadDebugger {
  constructor() {
    this.logs = []
    this.testResults = []
  }

  // 添加日志
  addLog(type, message, data = null) {
    const log = {
      type,
      message,
      data,
      timestamp: new Date().toISOString()
    }
    this.logs.push(log)
    console.log(`[${log.timestamp}] ${type.toUpperCase()}: ${message}`, data || '')
  }

  // 检查token
  checkToken() {
    try {
      const token = uni.getStorageSync('token')
      const result = {
        exists: !!token,
        length: token ? token.length : 0,
        preview: token ? token.substring(0, 20) + '...' : 'none',
        valid: this.validateToken(token)
      }
      
      this.addLog('info', 'Token检查完成', result)
      return result
    } catch (error) {
      this.addLog('error', 'Token检查失败', error)
      return { exists: false, error: error.message }
    }
  }

  // 验证token格式
  validateToken(token) {
    if (!token) return false
    
    // 检查是否是JWT格式
    const parts = token.split('.')
    if (parts.length === 3) {
      try {
        // 尝试解码payload部分
        const payload = JSON.parse(atob(parts[1]))
        return payload && payload.exp && payload.exp > Date.now() / 1000
      } catch (e) {
        return false
      }
    }
    
    return true // 如果不是JWT格式，假设是其他格式的token
  }

  // 检查网络连接
  checkNetwork() {
    return new Promise((resolve) => {
      uni.getNetworkType({
        success: (res) => {
          this.addLog('info', '网络状态检查', res)
          resolve(res)
        },
        fail: (err) => {
          this.addLog('error', '网络状态检查失败', err)
          resolve({ networkType: 'unknown', error: err })
        }
      })
    })
  }

  // 检查服务器连接
  checkServerConnection() {
    return new Promise((resolve) => {
      uni.request({
        url: DEBUG_CONFIG.baseUrl + '/health', // 假设有健康检查接口
        method: 'GET',
        timeout: 5000,
        success: (res) => {
          this.addLog('info', '服务器连接检查成功', res)
          resolve({ connected: true, status: res.statusCode })
        },
        fail: (err) => {
          this.addLog('error', '服务器连接检查失败', err)
          resolve({ connected: false, error: err })
        }
      })
    })
  }

  // 测试文件上传
  async testFileUpload(filePath) {
    this.addLog('info', '开始文件上传测试', { filePath })
    
    try {
      // 检查文件信息
      const fileInfo = await this.getFileInfo(filePath)
      this.addLog('info', '文件信息', fileInfo)
      
      // 检查文件大小
      if (fileInfo.size > 10 * 1024 * 1024) { // 10MB
        this.addLog('warn', '文件过大，可能影响上传', { size: fileInfo.size })
      }
      
      // 执行上传
      const result = await this.performUpload(filePath)
      this.addLog('info', '上传测试完成', result)
      
      return result
    } catch (error) {
      this.addLog('error', '上传测试失败', error)
      throw error
    }
  }

  // 获取文件信息
  getFileInfo(filePath) {
    return new Promise((resolve, reject) => {
      uni.getFileInfo({
        filePath: filePath,
        success: resolve,
        fail: reject
      })
    })
  }

  // 执行上传
  performUpload(filePath) {
    return new Promise((resolve, reject) => {
      const token = uni.getStorageSync('token')
      
      // 构建请求头
      let authorization = token
      // #ifdef H5
      authorization = token ? `Bearer ${token}` : ''
      // #endif
      
      const header = {
        Authorization: authorization
      }
      
      this.addLog('info', '开始上传请求', {
        url: DEBUG_CONFIG.baseUrl + DEBUG_CONFIG.uploadUrl,
        header: header,
        filePath: filePath
      })
      
      uni.uploadFile({
        url: DEBUG_CONFIG.baseUrl + DEBUG_CONFIG.uploadUrl,
        filePath: filePath,
        name: 'avatarfile',
        header: header,
        timeout: DEBUG_CONFIG.timeout,
        success: (res) => {
          this.addLog('info', '上传响应', {
            statusCode: res.statusCode,
            header: res.header,
            data: res.data
          })
          
          try {
            const data = JSON.parse(res.data)
            if (res.statusCode === 200 && data.code === 200) {
              resolve({ success: true, data: data })
            } else {
              reject({ success: false, error: data.msg || '上传失败', data: data })
            }
          } catch (parseError) {
            reject({ success: false, error: '响应解析失败', parseError: parseError })
          }
        },
        fail: (err) => {
          this.addLog('error', '上传失败', err)
          reject({ success: false, error: err.errMsg || '网络错误', details: err })
        }
      })
    })
  }

  // 生成诊断报告
  generateReport() {
    const report = {
      timestamp: new Date().toISOString(),
      logs: this.logs,
      summary: {
        totalLogs: this.logs.length,
        errors: this.logs.filter(log => log.type === 'error').length,
        warnings: this.logs.filter(log => log.type === 'warn').length,
        info: this.logs.filter(log => log.type === 'info').length
      },
      recommendations: this.generateRecommendations()
    }
    
    console.log('=== 诊断报告 ===')
    console.log(JSON.stringify(report, null, 2))
    
    return report
  }

  // 生成建议
  generateRecommendations() {
    const recommendations = []
    const errors = this.logs.filter(log => log.type === 'error')
    const warnings = this.logs.filter(log => log.type === 'warn')
    
    // 检查token问题
    const tokenErrors = errors.filter(log => log.message.includes('token') || log.message.includes('Token'))
    if (tokenErrors.length > 0) {
      recommendations.push('检查用户登录状态和token有效性')
    }
    
    // 检查网络问题
    const networkErrors = errors.filter(log => log.message.includes('网络') || log.message.includes('timeout'))
    if (networkErrors.length > 0) {
      recommendations.push('检查网络连接和服务器状态')
    }
    
    // 检查文件问题
    const fileErrors = errors.filter(log => log.message.includes('文件') || log.message.includes('file'))
    if (fileErrors.length > 0) {
      recommendations.push('检查文件格式和大小是否符合要求')
    }
    
    // 检查服务器问题
    const serverErrors = errors.filter(log => log.message.includes('服务器') || log.message.includes('server'))
    if (serverErrors.length > 0) {
      recommendations.push('检查服务器接口是否正常工作')
    }
    
    if (recommendations.length === 0) {
      recommendations.push('所有检查都通过，问题可能在其他方面')
    }
    
    return recommendations
  }

  // 运行完整诊断
  async runFullDiagnosis() {
    this.addLog('info', '开始完整诊断')
    
    // 1. 检查token
    const tokenResult = this.checkToken()
    
    // 2. 检查网络
    const networkResult = await this.checkNetwork()
    
    // 3. 检查服务器连接
    const serverResult = await this.checkServerConnection()
    
    // 4. 生成报告
    const report = this.generateReport()
    
    return {
      token: tokenResult,
      network: networkResult,
      server: serverResult,
      report: report
    }
  }
}

// 导出调试器
export default UploadDebugger

// 使用示例
export function debugUpload() {
  const debugger = new UploadDebugger()
  return debugger.runFullDiagnosis()
}

// 在页面中使用
export function useUploadDebugger() {
  const debugger = new UploadDebugger()
  
  return {
    debugger,
    checkToken: () => debugger.checkToken(),
    checkNetwork: () => debugger.checkNetwork(),
    testUpload: (filePath) => debugger.testFileUpload(filePath),
    runDiagnosis: () => debugger.runFullDiagnosis(),
    getLogs: () => debugger.logs
  }
}