chore:H5和微信小程序都可以正常聊天
This commit is contained in:
@@ -810,65 +810,121 @@ export default {
|
||||
},
|
||||
|
||||
// 发送流式消息
|
||||
async sendStreamMessage(userMessage) {
|
||||
// 创建流式消息对象
|
||||
const streamMessage = {
|
||||
id: ++this.messageId,
|
||||
role: 'ai',
|
||||
type: 'text',
|
||||
content: '',
|
||||
timestamp: Date.now(),
|
||||
isStreaming: true
|
||||
}
|
||||
|
||||
// 移除加载状态,添加流式消息
|
||||
this.messages = this.messages.filter(msg => msg.type !== 'loading')
|
||||
this.shouldScrollToBottom = true
|
||||
this.messages.push(streamMessage)
|
||||
|
||||
// 开始流式响应
|
||||
await aiService.sendStreamMessage(
|
||||
// 发送流式消息(自动适配 H5 / 微信小程序)
|
||||
async sendStreamMessage(userMessage) {
|
||||
// 创建流式消息对象
|
||||
const streamMessage = {
|
||||
id: ++this.messageId,
|
||||
role: 'ai',
|
||||
type: 'text',
|
||||
content: '',
|
||||
timestamp: Date.now(),
|
||||
isStreaming: true
|
||||
};
|
||||
|
||||
// 移除加载状态,添加流式消息
|
||||
this.messages = this.messages.filter(msg => msg.type !== 'loading');
|
||||
this.shouldScrollToBottom = true;
|
||||
this.messages.push(streamMessage);
|
||||
|
||||
try {
|
||||
// #ifdef H5
|
||||
// ===== H5: 使用 POST + 流式 (fetch readable stream) =====
|
||||
await aiService.sendHttpStream(
|
||||
userMessage,
|
||||
// 流式数据回调
|
||||
(chunk) => {
|
||||
streamMessage.content += chunk
|
||||
this.$forceUpdate() // 或 this.$nextTick()
|
||||
// 实时更新内容
|
||||
streamMessage.content += chunk;
|
||||
this.$forceUpdate(); // 强制更新视图
|
||||
},
|
||||
// 完成回调:处理对象或字符串
|
||||
(completeResult) => {
|
||||
// 流结束回调
|
||||
let finalContent = '';
|
||||
let convId = '';
|
||||
|
||||
// 判断是对象还是字符串
|
||||
|
||||
if (typeof completeResult === 'string') {
|
||||
finalContent = completeResult;
|
||||
} else {
|
||||
finalContent = completeResult.content || '';
|
||||
convId = completeResult.conversation_id || ''; // 👈 关键:提取 conversation_id
|
||||
convId = completeResult.conversation_id || '';
|
||||
}
|
||||
|
||||
// 更新消息状态
|
||||
|
||||
// 更新最终内容
|
||||
streamMessage.isStreaming = false;
|
||||
streamMessage.content = finalContent;
|
||||
|
||||
|
||||
// 添加操作按钮
|
||||
streamMessage.actions = [
|
||||
{ id: 1, text: '有帮助', type: 'like' },
|
||||
{ id: 2, text: '没帮助', type: 'dislike' }
|
||||
];
|
||||
|
||||
// 保存 conversation_id 到本地
|
||||
|
||||
// 保存会话 ID
|
||||
if (convId) {
|
||||
this.currentConversationId = convId;
|
||||
aiService.setConversationId(convId);
|
||||
this.saveConversationIdToLocal(convId);
|
||||
}
|
||||
|
||||
|
||||
// 触发事件
|
||||
this.$emit('ai-response', streamMessage);
|
||||
this.saveConversationIdToLocal(convId);
|
||||
this.currentConversationId = convId;
|
||||
}
|
||||
);
|
||||
},
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// ===== 微信小程序: 使用 WebSocket =====
|
||||
await aiService.sendStreamMessage(
|
||||
userMessage,
|
||||
(chunk) => {
|
||||
// 实时更新内容
|
||||
streamMessage.content += chunk;
|
||||
this.$forceUpdate();
|
||||
},
|
||||
(completeResult) => {
|
||||
// 流结束回调
|
||||
let finalContent = completeResult?.content || '';
|
||||
let convId = completeResult?.conversation_id || '';
|
||||
|
||||
// 更新最终内容
|
||||
streamMessage.isStreaming = false;
|
||||
streamMessage.content = finalContent;
|
||||
|
||||
// 添加操作按钮
|
||||
streamMessage.actions = [
|
||||
{ id: 1, text: '有帮助', type: 'like' },
|
||||
{ id: 2, text: '没帮助', type: 'dislike' }
|
||||
];
|
||||
|
||||
// 保存会话 ID
|
||||
if (convId) {
|
||||
this.currentConversationId = convId;
|
||||
aiService.setConversationId(convId);
|
||||
this.saveConversationIdToLocal(convId);
|
||||
}
|
||||
|
||||
// 触发事件
|
||||
this.$emit('ai-response', streamMessage);
|
||||
}
|
||||
);
|
||||
// #endif
|
||||
} catch (error) {
|
||||
console.error('流式请求失败:', error);
|
||||
// 移除流式消息
|
||||
this.messages = this.messages.filter(msg => msg.id !== streamMessage.id);
|
||||
// 显示错误
|
||||
const errorMsg = {
|
||||
id: ++this.messageId,
|
||||
role: 'ai',
|
||||
type: 'text',
|
||||
content: '抱歉,服务暂时不可用,请稍后重试。',
|
||||
timestamp: Date.now(),
|
||||
actions: [{ id: 1, text: '重试', type: 'retry' }]
|
||||
};
|
||||
this.messages.push(errorMsg);
|
||||
this.$emit('ai-response', errorMsg);
|
||||
}
|
||||
},
|
||||
generateAIResponse(userMessage) {
|
||||
const responses = {
|
||||
'你好': '您好!我是AI智能客服,很高兴为您服务!有什么可以帮助您的吗?',
|
||||
|
||||
Reference in New Issue
Block a user