优化
This commit is contained in:
@@ -1,200 +0,0 @@
|
||||
/**
|
||||
* 用户信息 Hook
|
||||
* 封装获取用户信息的逻辑，可在各个应用中复用
|
||||
*
|
||||
* 使用方式：
|
||||
* import { useUserInfo } from '@gold/hooks/web/useUserInfo'
|
||||
*
|
||||
* const { fetchUserInfo, loading, error } = useUserInfo()
|
||||
* await fetchUserInfo()
|
||||
*/
|
||||
|
||||
import { ref } from 'vue'
|
||||
import axios from 'axios'
|
||||
import { API_BASE } from '@gold/config/api'
|
||||
import tokenManager from '@gold/utils/token-manager'
|
||||
|
||||
// 本地存储配置
|
||||
const CACHE_KEY = 'USER_INFO_CACHE'
|
||||
const CACHE_DURATION = 5 * 60 * 1000 // 5分钟缓存
|
||||
|
||||
/**
|
||||
* 获取 Authorization Header
|
||||
* @returns {string}
|
||||
*/
|
||||
function getAuthHeader() {
|
||||
// 首先尝试从 tokenManager 获取
|
||||
const token = tokenManager.getAccessToken()
|
||||
if (token) {
|
||||
return `Bearer ${token}`
|
||||
}
|
||||
|
||||
// 如果 tokenManager 没有 token，尝试从 sessionStorage 获取（开发环境使用）
|
||||
try {
|
||||
const manualToken = sessionStorage.getItem('DEV_MANUAL_TOKEN')
|
||||
if (manualToken) {
|
||||
return `Bearer ${manualToken}`
|
||||
}
|
||||
} catch (e) {
|
||||
// 忽略错误
|
||||
}
|
||||
return ''
|
||||
}
|
||||
|
||||
/**
|
||||
* 从本地存储获取缓存的用户信息
|
||||
* @returns {Object|null} 缓存的用户信息或 null
|
||||
*/
|
||||
function getCachedUserInfo() {
|
||||
try {
|
||||
const cached = sessionStorage.getItem(CACHE_KEY)
|
||||
if (!cached) return null
|
||||
|
||||
const { data, timestamp } = JSON.parse(cached)
|
||||
const now = Date.now()
|
||||
|
||||
// 检查缓存是否过期
|
||||
if (now - timestamp > CACHE_DURATION) {
|
||||
sessionStorage.removeItem(CACHE_KEY)
|
||||
return null
|
||||
}
|
||||
|
||||
console.log('[UserInfo] 使用本地缓存')
|
||||
return data
|
||||
} catch (e) {
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 将用户信息存储到本地
|
||||
* @param {Object} userInfo - 用户信息
|
||||
*/
|
||||
function setCachedUserInfo(userInfo) {
|
||||
try {
|
||||
const cacheData = {
|
||||
data: userInfo,
|
||||
timestamp: Date.now()
|
||||
}
|
||||
sessionStorage.setItem(CACHE_KEY, JSON.stringify(cacheData))
|
||||
console.log('[UserInfo] 更新本地缓存')
|
||||
} catch (e) {
|
||||
console.error('缓存用户信息失败:', e)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 清除用户信息缓存
|
||||
*/
|
||||
export function clearUserInfoCache() {
|
||||
try {
|
||||
sessionStorage.removeItem(CACHE_KEY)
|
||||
console.log('[UserInfo] 清除缓存')
|
||||
} catch (e) {
|
||||
console.error('清除缓存失败:', e)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 用户信息 Hook
|
||||
* @param {Object} options - 配置选项
|
||||
* @param {string} options.baseUrl - API 基础 URL（可选，默认使用 APP_MEMBER）
|
||||
* @returns {Object} { fetchUserInfo, loading, error, userInfo }
|
||||
*/
|
||||
export function useUserInfo(options = {}) {
|
||||
const loading = ref(false)
|
||||
const error = ref(null)
|
||||
const userInfo = ref(null)
|
||||
|
||||
// 确定 API 基础路径
|
||||
const baseUrl = options.baseUrl || API_BASE.APP_MEMBER
|
||||
const apiUrl = `${baseUrl}/user/get`
|
||||
|
||||
/**
|
||||
* 获取用户信息
|
||||
* @returns {Promise<Object>} 用户信息对象
|
||||
*/
|
||||
async function fetchUserInfo() {
|
||||
loading.value = true
|
||||
error.value = null
|
||||
|
||||
try {
|
||||
// 1. 先尝试从本地缓存获取
|
||||
const cachedUserInfo = getCachedUserInfo()
|
||||
if (cachedUserInfo) {
|
||||
userInfo.value = cachedUserInfo
|
||||
loading.value = false
|
||||
return cachedUserInfo
|
||||
}
|
||||
|
||||
// 2. 发起请求获取用户信息
|
||||
console.log('[UserInfo] 发起请求')
|
||||
const authHeader = getAuthHeader()
|
||||
const headers = {
|
||||
'Content-Type': 'application/json',
|
||||
}
|
||||
|
||||
if (authHeader) {
|
||||
headers.Authorization = authHeader
|
||||
}
|
||||
|
||||
// 获取 tenant-id（从环境变量或默认值）
|
||||
const tenantId =
|
||||
(typeof import.meta !== 'undefined' && import.meta.env?.VITE_TENANT_ID) ||
|
||||
(typeof process !== 'undefined' && process.env?.VITE_TENANT_ID) ||
|
||||
'1'
|
||||
|
||||
if (tenantId) {
|
||||
headers['tenant-id'] = tenantId
|
||||
}
|
||||
|
||||
const response = await axios.get(apiUrl, { headers })
|
||||
|
||||
// 处理响应数据（根据后端返回格式调整）
|
||||
// 后端通常返回 { code: 0, data: {...}, msg: '...' } 格式
|
||||
let data = null
|
||||
if (response.data) {
|
||||
// 如果响应有 code 字段，说明是标准格式
|
||||
if (typeof response.data.code === 'number') {
|
||||
// code 为 0 或 200 表示成功
|
||||
if (response.data.code === 0 || response.data.code === 200) {
|
||||
data = response.data.data || response.data
|
||||
}
|
||||
} else {
|
||||
// 没有 code 字段，直接使用 data
|
||||
data = response.data.data || response.data
|
||||
}
|
||||
}
|
||||
|
||||
if (data) {
|
||||
// 3. 将获取到的数据写入本地缓存
|
||||
setCachedUserInfo(data)
|
||||
userInfo.value = data
|
||||
return data
|
||||
}
|
||||
} catch (err) {
|
||||
error.value = err
|
||||
console.error('获取用户信息失败:', err)
|
||||
throw err
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
fetchUserInfo,
|
||||
loading,
|
||||
error,
|
||||
userInfo,
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 便捷函数：直接获取用户信息（不返回响应式状态）
|
||||
* @param {Object} options - 配置选项
|
||||
* @returns {Promise<Object>} 用户信息对象
|
||||
*/
|
||||
export async function getUserInfo(options = {}) {
|
||||
const { fetchUserInfo } = useUserInfo(options)
|
||||
return await fetchUserInfo()
|
||||
}
|
||||
@@ -1,39 +1,28 @@
|
||||
// 使用公共类型定义
|
||||
import type {
|
||||
AudioItem,
|
||||
TranscriptionResult,
|
||||
import type {
|
||||
AudioItem,
|
||||
TranscriptionResult,
|
||||
TranscriptionResponse,
|
||||
TranscriptionData
|
||||
TranscriptionData
|
||||
} from '@gold/config/types'
|
||||
|
||||
// 直接导入 TikHub 服务，无需全局注入
|
||||
import { TikHubService } from '@gold/api/services'
|
||||
import BaiLianService from '@/api/bailian'
|
||||
|
||||
/**
|
||||
* 将音频列表转换为文本转录
|
||||
* 音频转文本
|
||||
* @param list - 音频项列表
|
||||
* @returns 转录结果数组
|
||||
* @throws 当转录过程出错时抛出错误
|
||||
*
|
||||
* @example
|
||||
* const audioList = [{ audio_url: 'https://example.com/audio.mp3' }]
|
||||
* const transcriptions = await getVoiceText(audioList)
|
||||
* console.log(transcriptions) // [{ key: 'url', value: 'transcribed text' }]
|
||||
*/
|
||||
export async function getVoiceText(
|
||||
list: AudioItem[]
|
||||
): Promise<TranscriptionResult[]> {
|
||||
// 直接使用 TikHub 服务
|
||||
const ret = await TikHubService.videoToCharacters({
|
||||
const ret = await (BaiLianService as any).videoToCharacters({
|
||||
fileLinkList: list.map(item => item.audio_url),
|
||||
})
|
||||
|
||||
// 解析响应数据
|
||||
|
||||
const data: string = ret.data
|
||||
const rst: TranscriptionResponse = JSON.parse(data)
|
||||
const transcription_url: string[] = rst.results.map(item => item.transcription_url)
|
||||
|
||||
// 并行获取所有转录内容
|
||||
|
||||
const transcriptions: TranscriptionResult[] = await Promise.all(
|
||||
(transcription_url || []).filter(Boolean).map(async (url: string): Promise<TranscriptionResult> => {
|
||||
try {
|
||||
@@ -43,10 +32,10 @@ export async function getVoiceText(
|
||||
? JSON.stringify(await resp.json())
|
||||
: await resp.text()
|
||||
const parsed: TranscriptionData = JSON.parse(value)
|
||||
return {
|
||||
key: url,
|
||||
audio_url: parsed.file_url,
|
||||
value: parsed.transcripts?.[0]?.text || ''
|
||||
return {
|
||||
key: url,
|
||||
audio_url: parsed.file_url,
|
||||
value: parsed.transcripts?.[0]?.text || ''
|
||||
}
|
||||
} catch (e: unknown) {
|
||||
console.warn('获取转写内容失败:', url, e)
|
||||
@@ -57,26 +46,16 @@ export async function getVoiceText(
|
||||
return transcriptions
|
||||
}
|
||||
|
||||
/**
|
||||
* Hook 返回值接口
|
||||
*/
|
||||
interface UseVoiceTextReturn {
|
||||
getVoiceText: (list: AudioItem[]) => Promise<TranscriptionResult[]>
|
||||
}
|
||||
|
||||
/**
|
||||
* 语音文本转换 Hook
|
||||
* @returns 包含 getVoiceText 方法的对象
|
||||
*
|
||||
* @example
|
||||
* const { getVoiceText } = useVoiceText()
|
||||
* const result = await getVoiceText(audioList)
|
||||
* 语音文本转换Hook
|
||||
* @returns 包含getVoiceText方法的对象
|
||||
*/
|
||||
export default function useVoiceText(): UseVoiceTextReturn {
|
||||
return {
|
||||
return {
|
||||
getVoiceText
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user