250 lines
6.4 KiB
JavaScript
250 lines
6.4 KiB
JavaScript
import http from './http.js'
|
||
import store from '@/store/index.js'
|
||
|
||
export default {
|
||
/**
|
||
* 发送消息到Dify API
|
||
* @param {string} message 用户消息内容
|
||
* @param {Object} options 配置选项
|
||
* @returns {Promise}
|
||
*/
|
||
async sendMessage(message, options = {}) {
|
||
try {
|
||
// 获取AI配置
|
||
const aiConfig = store.getters.globalAIKefuConfig
|
||
|
||
// const new_conversationId = await this.generateConversationId()
|
||
|
||
// 构建Dify API请求参数
|
||
const params = {
|
||
url: '/api/kefu/chat', // 后端代理接口
|
||
data: {
|
||
// conversation_id: options.conversationId ?? new_conversationId,
|
||
user_id: store.state.memberInfo?.id || 'anonymous',
|
||
stream: false,
|
||
// Dify API参数
|
||
inputs: {},
|
||
query: message,
|
||
response_mode: options.stream ? 'streaming' : 'blocking',
|
||
user: store.state.memberInfo?.id || 'anonymous'
|
||
},
|
||
header: {
|
||
'Content-Type': 'application/json'
|
||
}
|
||
}
|
||
|
||
// 发送请求
|
||
const response = await http.sendRequest({
|
||
...params,
|
||
async: false // 使用Promise方式
|
||
})
|
||
|
||
return this.handleResponse(response, options)
|
||
|
||
} catch (error) {
|
||
console.error('Dify API请求失败:', error)
|
||
throw new Error('AI服务暂时不可用,请稍后重试')
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 流式消息处理
|
||
* @param {string} message 用户消息
|
||
* @param {Function} onChunk 流式数据回调
|
||
* @param {Function} onComplete 完成回调
|
||
*/
|
||
async sendStreamMessage(message, onChunk, onComplete) {
|
||
try {
|
||
// 使用HTTP流式请求
|
||
return this.sendHttpStream(message, onChunk, onComplete)
|
||
|
||
} catch (error) {
|
||
console.error('流式消息发送失败:', error)
|
||
throw error
|
||
}
|
||
},
|
||
|
||
/**
|
||
* HTTP流式请求
|
||
*/
|
||
async sendHttpStream(message, onChunk, onComplete) {
|
||
const params = {
|
||
url: '/api/kefu/chat',
|
||
data: {
|
||
query: message,
|
||
conversation_id: this.generateConversationId(),
|
||
user_id: store.state.memberInfo?.id || 'anonymous',
|
||
stream: true,
|
||
uniacid: store.state.uniacid, // 保留必填参数
|
||
},
|
||
header: {
|
||
'Content-Type': 'application/json'
|
||
}
|
||
}
|
||
|
||
// 使用fetch API进行流式请求(H5环境)
|
||
// #ifdef H5
|
||
try {
|
||
const response = await fetch(`/api/kefu/chat`, {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
},
|
||
body: JSON.stringify({
|
||
inputs: {},
|
||
query: message,
|
||
response_mode: 'streaming',
|
||
user: store.state.memberInfo?.id || 'anonymous'
|
||
})
|
||
})
|
||
|
||
const reader = response.body.getReader()
|
||
const decoder = new TextDecoder()
|
||
let content = ''
|
||
|
||
while (true) {
|
||
const { done, value } = await reader.read()
|
||
if (done) break
|
||
|
||
const chunk = decoder.decode(value)
|
||
const lines = chunk.split('\n')
|
||
|
||
for (const line of lines) {
|
||
if (line.startsWith('data: ')) {
|
||
try {
|
||
const data = JSON.parse(line.slice(6))
|
||
if (data.event === 'text_message' && data.text) {
|
||
content += data.text
|
||
if (onChunk) onChunk(data.text)
|
||
}
|
||
} catch (e) {
|
||
// 忽略解析错误
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
if (onComplete) onComplete(content)
|
||
return content
|
||
|
||
} catch (error) {
|
||
console.error('HTTP流式请求失败:', error)
|
||
throw error
|
||
}
|
||
// #endif
|
||
|
||
// 非H5环境使用普通请求模拟流式效果
|
||
// #ifndef H5
|
||
const response = await http.sendRequest({
|
||
...params,
|
||
async: false
|
||
})
|
||
|
||
// 模拟流式效果
|
||
if (response.success && response.data) {
|
||
const content = response.data
|
||
const chunkSize = 3
|
||
let index = 0
|
||
|
||
const streamInterval = setInterval(() => {
|
||
if (index < content.length) {
|
||
const chunk = content.substring(index, index + chunkSize)
|
||
index += chunkSize
|
||
if (onChunk) onChunk(chunk)
|
||
} else {
|
||
clearInterval(streamInterval)
|
||
if (onComplete) onComplete(content)
|
||
}
|
||
}, 100)
|
||
}
|
||
// #endif
|
||
},
|
||
|
||
/**
|
||
* 处理API响应
|
||
*/
|
||
handleResponse(response, options) {
|
||
if (response.code === 0 || response.success) {
|
||
return {
|
||
success: true,
|
||
content: response.data?.answer || response.data?.content || response.data?.reply|| response.data,
|
||
conversationId: response.data?.conversation_id,
|
||
messageId: response.data?.message_id
|
||
}
|
||
} else {
|
||
throw new Error(response.message || 'AI服务返回错误')
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 生成会话ID
|
||
*/
|
||
async generateConversationId() {
|
||
// 构建Dify API请求参数
|
||
const params = {
|
||
url: '/api/kefu/createConversation', // 后端代理接口
|
||
data: {
|
||
uniacid: store.state.uniacid,
|
||
user_id: store.state.memberInfo?.id || 'anonymous',
|
||
member_id: store.state.memberInfo?.id || '',
|
||
},
|
||
header: {
|
||
'Content-Type': 'application/json'
|
||
}
|
||
}
|
||
|
||
// 发送请求
|
||
const response = await http.sendRequest({
|
||
...params,
|
||
async: false // 使用Promise方式
|
||
})
|
||
|
||
return this.handleResponse(response, options)
|
||
},
|
||
|
||
/**
|
||
* 获取AI服务状态
|
||
*/
|
||
async getServiceStatus() {
|
||
try {
|
||
// 简单的健康检查
|
||
const response = await http.sendRequest({
|
||
url: '/api/kefu/health',
|
||
async: false,
|
||
data: {}
|
||
})
|
||
|
||
const available = [response?.data?.status, response?.data?.components?.ai_service_config?.status].filter(item => item === 'healthy').length > 0;
|
||
|
||
return {
|
||
available,
|
||
reason: available ? '服务正常' : '服务异常'
|
||
}
|
||
|
||
} catch (error) {
|
||
return {
|
||
available: false,
|
||
reason: '服务检查失败'
|
||
}
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 清除会话历史
|
||
*/
|
||
async clearConversation(conversationId) {
|
||
try {
|
||
const response = await http.sendRequest({
|
||
url: '/api/kefu/clear-conversation',
|
||
data: { conversation_id: conversationId },
|
||
async: false
|
||
})
|
||
|
||
return response.success
|
||
|
||
} catch (error) {
|
||
console.error('清除会话失败:', error)
|
||
return false
|
||
}
|
||
}
|
||
} |