144 lines
4.0 KiB
Bash
144 lines
4.0 KiB
Bash
#!/bin/bash
|
|
|
|
echo "========================================="
|
|
echo "简单解决方案 - 跳过认证检查"
|
|
echo "========================================="
|
|
|
|
cd /home/ubuntu/vf_react/src/views/AgentChat/neuratalk
|
|
|
|
# 临时方案：先跳过认证，直接测试功能
|
|
cat > components/Chat/MCPChatSimple.tsx << 'EOF'
|
|
'use client';
|
|
|
|
import React, { useState, useRef, useEffect } from 'react';
|
|
import { mcpService } from '../../services/mcp-real';
|
|
|
|
export default function MCPChatSimple() {
|
|
const [messages, setMessages] = useState([]);
|
|
const [input, setInput] = useState('');
|
|
const [isLoading, setIsLoading] = useState(false);
|
|
|
|
const handleSend = async () => {
|
|
if (!input.trim() || isLoading) return;
|
|
|
|
const userMessage = {
|
|
id: Date.now().toString(),
|
|
role: 'user',
|
|
content: input,
|
|
timestamp: new Date(),
|
|
};
|
|
|
|
setMessages(prev => [...prev, userMessage]);
|
|
setInput('');
|
|
setIsLoading(true);
|
|
|
|
try {
|
|
// 直接调用 MCP
|
|
const response = await fetch('/mcp/chat', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({
|
|
messages: [{ role: 'user', content: input }],
|
|
stream: false,
|
|
}),
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
setMessages(prev => [
|
|
...prev,
|
|
{
|
|
id: (Date.now() + 1).toString(),
|
|
role: 'assistant',
|
|
content: data.response || data.message || '没有回复',
|
|
timestamp: new Date(),
|
|
},
|
|
]);
|
|
} catch (error) {
|
|
console.error('Error:', error);
|
|
setMessages(prev => [
|
|
...prev,
|
|
{
|
|
id: Date.now().toString(),
|
|
role: 'system',
|
|
content: '错误: ' + error.message,
|
|
timestamp: new Date(),
|
|
},
|
|
]);
|
|
} finally {
|
|
setIsLoading(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="flex h-screen bg-gray-50">
|
|
<div className="flex-1 flex flex-col">
|
|
<div className="flex-1 overflow-y-auto p-4 space-y-4">
|
|
<h2 className="text-2xl font-bold">AI Chat (测试模式 - 无认证)</h2>
|
|
{messages.map(msg => (
|
|
<div
|
|
key={msg.id}
|
|
className={\`flex \${msg.role === 'user' ? 'justify-end' : 'justify-start'}\`}
|
|
>
|
|
<div
|
|
className={\`max-w-2xl px-4 py-2 rounded-lg \${
|
|
msg.role === 'user'
|
|
? 'bg-blue-600 text-white'
|
|
: 'bg-white text-gray-900'
|
|
}\`}
|
|
>
|
|
<div className="whitespace-pre-wrap">{msg.content}</div>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
|
|
<div className="border-t p-4">
|
|
<div className="flex space-x-2">
|
|
<input
|
|
type="text"
|
|
value={input}
|
|
onChange={e => setInput(e.target.value)}
|
|
onKeyPress={e => e.key === 'Enter' && handleSend()}
|
|
disabled={isLoading}
|
|
placeholder="输入消息..."
|
|
className="flex-1 px-4 py-2 border rounded-lg"
|
|
/>
|
|
<button
|
|
onClick={handleSend}
|
|
disabled={!input.trim() || isLoading}
|
|
className="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50"
|
|
>
|
|
{isLoading ? '发送中...' : '发送'}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
EOF
|
|
|
|
# 修改 page.tsx 使用简单版本
|
|
cat > app/page.tsx << 'EOF'
|
|
// 临时使用简单版本，跳过认证
|
|
import MCPChatSimple from "@/components/Chat/MCPChatSimple";
|
|
|
|
export default function Page() {
|
|
return (
|
|
<main className="h-screen">
|
|
<MCPChatSimple />
|
|
</main>
|
|
);
|
|
}
|
|
EOF
|
|
|
|
echo "✓ 创建了简单版本（无认证）"
|
|
echo ""
|
|
echo "重启 Next.js 后访问："
|
|
echo "- http://49.232.185.254:3000"
|
|
echo "- https://valuefrontier.cn/ai-chat"
|
|
echo ""
|
|
echo "这个版本跳过认证，直接测试 MCP 功能" |