功能特点
- 实时对话交互
- 对话历史记录维护
- 响应式Web前端界面
- RESTful API接口
- 跨域支持
技术栈
- 后端: Golang + DeepSeek API
- 前端: HTML5 + TailwindCSS + JavaScript
- 通信: RESTful API + JSON
使用方法
- 获取DeepSeek API密钥
- 替换main.go中的
YOUR_API_KEY - 安装依赖:
go mod tidy - 运行服务:
go run main.go - 访问前端页面: http://localhost:8080
API接口
- POST /chat - 聊天接口
- GET /health - 健康检查
依赖
- github.com/sashabaranov/go-openai
- github.com/rs/cors
index.html
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>AI智能聊天机器人</title><scriptsrc="https://cdn.tailwindcss.com"></script><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></head><bodyclass="bg-gradient-to-br from-blue-50 to-indigo-100 min-h-screen"><divclass="container mx-auto px-4 py-8 max-w-4xl"><headerclass="text-center mb-12"><h1class="text-4xl font-bold text-indigo-800 mb-2">AI智能聊天机器人</h1><pclass="text-gray-600">基于GPT大模型的智能对话系统</p></header><divclass="bg-white rounded-2xl shadow-xl overflow-hidden"><!-- 聊天区域 --><divid="chat-container"class="h-96 overflow-y-auto p-6 bg-gradient-to-b from-gray-50 to-white"><divid="chat-messages"class="space-y-4"><!-- 欢迎消息 --><divclass="flex justify-start"><divclass="bg-indigo-100 rounded-2xl rounded-tl-none px-4 py-3 max-w-xs md:max-w-md"><pclass="text-indigo-800">你好！我是AI助手，有什么可以帮助你的吗？</p><spanclass="text-xs text-indigo-500 mt-1 block">现在</span></div></div></div></div><!-- 输入区域 --><divclass="border-t border-gray-200 p-4"><divclass="flex items-center"><inputtype="text"id="user-input"placeholder="输入消息..."class="flex-1 border border-gray-300 rounded-l-2xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent"><buttonid="send-btn"class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 rounded-r-2xl transition duration-200 flex items-center"><iclass="fas fa-paper-plane mr-2"></i>发送</button></div><divclass="mt-2 text-sm text-g
