![\"\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/07\/20260727122510-6a674e26387fb.png\")
<\/p>\n<\/p>\n
<!DOCTYPE html>
\n<html lang="zh-CN">
\n<head>
\n <meta charset="UTF-8">
\n <meta name="viewport" content="width=device-width, initial-scale=1.0">
\n <title>\u667a\u8c31 AI \u804a\u5929\u52a9\u624b<\/title>
\n <!– marked.js: Markdown \u8f6c HTML（\u56fd\u5185 CDN + \u81ea\u5efa\u515c\u5e95） –>
\n <script src="https:\/\/cdn.bootcdn.net\/ajax\/libs\/marked\/9.1.6\/marked.min.js"><\/script>
\n <style>
\n * { margin: 0; padding: 0; box-sizing: border-box; }
\n body {
\n font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
\n background: #f0f4f8;
\n height: 100vh;
\n display: flex;
\n justify-content: center;
\n align-items: center;
\n }
\n .chat-container {
\n width: 820px;
\n max-width: 98vw;
\n height: 85vh;
\n background: #fff;
\n border-radius: 16px;
\n box-shadow: 0 8px 32px rgba(0,0,0,0.1);
\n display: flex;
\n flex-direction: column;
\n overflow: hidden;
\n }
\n .chat-header {
\n background: linear-gradient(135deg, #3b82f6, #6366f1);
\n color: #fff;
\n padding: 18px 24px;
\n font-size: 18px;
\n font-weight: 600;
\n text-align: center;
\n letter-spacing: 2px;
\n }
\n .chat-messages {
\n flex: 1;
\n padding: 20px;
\n overflow-y: auto;
\n display: flex;
\n flex-direction: column;
\n gap: 14px;
\n background: #fafbfc;
\n min-height: 0;
\n }
\n .chat-messages::-webkit-scrollbar { width: 6px; }
\n .chat-messages::-webkit-scrollbar-thumb {
\n background: #d1d5db;
\n border-radius: 3px;
\n }
\n .message {
\n max-width: 85%;
\n padding: 12px 16px;
\n border-radius: 12px;
\n line-height: 1.7;
\n animation: fadeIn 0.3s ease;
\n overflow-x: auto;
\n flex-shrink: 0;
\n min-height: 0;
\n }
\n @keyframes fadeIn {
\n from { opacity: 0; }
\n to { opacity: 1; }
\n }
\n .message.user {
\n align-self: flex-end;
\n background: #3b82f6;
\n color: #fff;
\n border-bottom-right-radius: 4px;
\n overflow-wrap: break-word;
\n word-break: break-word;
\n }
\n .message.assistant {
\n align-self: flex-start;
\n background: #fff;
\n border: 1px solid #e5e7eb;
\n border-bottom-left-radius: 4px;
\n color: #374151;
\n overflow-x: auto;
\n overflow-wrap: break-word;
\n word-break: break-word;
\n }
\n .message.loading {
\n background: #f3f4f6;
\n color: #9ca3af;
\n font-style: italic;
\n }<\/p>\n
\/* ========== Markdown \u6e32\u67d3\u6837\u5f0f ========== *\/<\/p>\n
\/* \u6bb5\u843d *\/
\n .message.assistant p {
\n margin-bottom: 8px;
\n }
\n .message.assistant p:last-child {
\n margin-bottom: 0;
\n }<\/p>\n
\/* \u52a0\u7c97 \/ \u659c\u4f53 *\/
\n .message.assistant strong { color: #1f2937; font-weight: 700; }
\n .message.assistant em { color: #6b7280; }<\/p>\n
\/* \u884c\u5185\u4ee3\u7801 *\/
\n .message.assistant code {
\n background: #f1f5f9;
\n color: #e11d48;
\n padding: 2px 6px;
\n border-radius: 4px;
\n font-size: 0.9em;
\n font-family: 'Consolas', 'Courier New', monospace;
\n }<\/p>\n
\/* \u4ee3\u7801\u5757 *\/
\n .message.assistant pre {
\n background: #1e293b;
\n color: #e2e8f0;
\n padding: 14px 16px;
\n border-radius: 8px;
\n overflow-x: auto;
\n margin: 10px 0;
\n font-size: 13px;
\n line-height: 1.5;
\n position: relative;
\n }
\n .message.assistant pre code {
\n background: none;
\n color: inherit;
\n padding: 0;
\n font-size: inherit;
\n }<\/p>\n
\/* \u6709\u5e8f\/\u65e0\u5e8f\u5217\u8868 *\/
\n .message.assistant ul,
\n .message.assistant ol {
\n padding-left: 20px;
\n margin: 6px 0;
\n }
\n .message.assistant li {
\n margin-bottom: 4px;
\n }<\/p>\n
\/* \u5f15\u7528 *\/
\n .message.assistant blockquote {
\n border-left: 3px solid #3b82f6;
\n padding-left: 12px;
\n margin: 8px 0;
\n color: #6b7280;
\n background: #f8fafc;
\n border-radius: 0 4px 4px 0;
\n }<\/p>\n
\/* \u5206\u5272\u7ebf *\/
\n .message.assistant hr {
\n border: none;
\n border-top: 1px solid #e5e7eb;
\n margin: 12px 0;
\n }<\/p>\n
\/* ========== \u94fe\u63a5 ========== *\/
\n .message.assistant a {
\n color: #3b82f6;
\n text-decoration: underline;
\n word-break: break-all;
\n }
\n .message.assistant a:hover {
\n color: #2563eb;
\n }<\/p>\n
\/* ========== \u8868\u683c\u6837\u5f0f（\u91cd\u70b9） ========== *\/
\n .message.assistant .table-wrapper {
\n overflow-x: auto;
\n margin: 10px 0;
\n border-radius: 6px;
\n border: 1px solid #e5e7eb;
\n }
\n .message.assistant table {
\n width: 100%;
\n border-collapse: collapse;
\n font-size: 14px;
\n white-space: nowrap;
\n }
\n .message.assistant thead {
\n background: #f1f5f9;
\n }
\n .message.assistant th {
\n padding: 10px 14px;
\n text-align: left;
\n font-weight: 600;
\n color: #374151;
\n border-bottom: 2px solid #d1d5db;
\n white-space: nowrap;
\n }
\n .message.assistant td {
\n padding: 8px 14px;
\n border-bottom: 1px solid #f1f5f9;
\n color: #4b5563;
\n }
\n .message.assistant tbody tr:hover {
\n background: #f8fafc;
\n }
\n .message.assistant tbody tr:last-child td {
\n border-bottom: none;
\n }<\/p>\n
\/* ========== \u6587\u4ef6\u4fe1\u606f\u5361\u7247 ========== *\/
\n .file-card {
\n display: flex;
\n align-items: center;
\n gap: 10px;
\n padding: 10px 14px;
\n border: 1px solid #e5e7eb;
\n border-radius: 8px;
\n background: #f8fafc;
\n margin: 6px 0;
\n transition: background 0.2s;
\n }
\n .file-card:hover { background: #f1f5f9; }
\n .file-icon {
\n width: 36px;
\n height: 36px;
\n border-radius: 6px;
\n background: #3b82f6;
\n color: #fff;
\n display: flex;
\n align-items: center;
\n justify-content: center;
\n font-size: 14px;
\n font-weight: 700;
\n flex-shrink: 0;
\n }
\n .file-info {
\n flex: 1;
\n min-width: 0;
\n }
\n .file-name {
\n font-weight: 600;
\n color: #1f2937;
\n font-size: 14px;
\n white-space: nowrap;
\n overflow: hidden;
\n text-overflow: ellipsis;
\n }
\n .file-meta {
\n font-size: 12px;
\n color: #9ca3af;
\n margin-top: 2px;
\n }
\n .file-link {
\n color: #3b82f6;
\n font-size: 13px;
\n text-decoration: none;
\n flex-shrink: 0;
\n padding: 4px 10px;
\n border: 1px solid #3b82f6;
\n border-radius: 4px;
\n transition: all 0.2s;
\n }
\n .file-link:hover {
\n background: #3b82f6;
\n color: #fff;
\n }<\/p>\n
\/* ========== \u8f93\u5165\u533a\u57df ========== *\/
\n .chat-input-area {
\n padding: 16px 20px;
\n background: #fff;
\n border-top: 1px solid #e5e7eb;
\n display: flex;
\n gap: 10px;
\n align-items: flex-end;
\n }
\n .chat-input-area textarea {
\n flex: 1;
\n resize: none;
\n border: 1px solid #d1d5db;
\n border-radius: 10px;
\n padding: 12px 14px;
\n font-size: 15px;
\n font-family: inherit;
\n outline: none;
\n min-height: 46px;
\n max-height: 120px;
\n transition: border-color 0.2s;
\n }
\n .chat-input-area textarea:focus {
\n border-color: #3b82f6;
\n box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
\n }
\n .chat-input-area button {
\n width: 66px;
\n height: 46px;
\n background: linear-gradient(135deg, #3b82f6, #6366f1);
\n color: #fff;
\n border: none;
\n border-radius: 10px;
\n font-size: 15px;
\n font-weight: 600;
\n cursor: pointer;
\n transition: opacity 0.2s, transform 0.1s;
\n flex-shrink: 0;
\n }
\n .chat-input-area button:hover { opacity: 0.9; }
\n .chat-input-area button:active { transform: scale(0.96); }
\n .chat-input-area button:disabled {
\n opacity: 0.5;
\n cursor: not-allowed;
\n }
\n <\/style>
\n<\/head>
\n<body>
\n <div class="chat-container">
\n <div class="chat-header">\u667a\u8c31 AI \u804a\u5929\u52a9\u624b<\/div>
\n <div class="chat-messages" id="messages"><\/div>
\n <div class="chat-input-area">
\n <textarea
\n id="userInput"
\n rows="1"
\n placeholder="\u8f93\u5165\u4f60\u7684\u95ee\u9898，\u6309 Enter \u53d1\u9001…"
\n ><\/textarea>
\n <button id="sendBtn" onclick="sendMessage()">\u53d1\u9001<\/button>
\n <\/div>
\n <\/div><\/p>\n
<script>
\n \/\/ ========== Markdown \u6e32\u67d3：\u4f18\u5148 marked.js，\u515c\u5e95\u81ea\u5efa\u89e3\u6790\u5668 ==========
\n var usingMarked = (typeof marked !== 'undefined');<\/p>\n
if (usingMarked) {
\n marked.setOptions({
\n breaks: true,
\n gfm: true,
\n sanitize: false
\n });
\n }<\/p>\n
\/\/ \u7b80\u6613 Markdown \u2192 HTML（\u515c\u5e95\u65b9\u6848，\u8986\u76d6\u8868\u683c\u3001\u4ee3\u7801\u5757\u3001\u5e38\u89c1\u683c\u5f0f）
\n function simpleMarkdown(text) {
\n var html = text;<\/p>\n
\/\/ \u8f6c\u4e49 HTML
\n html = html.replace(\/&\/g, '&').replace(\/<\/g, '<').replace(\/>\/g, '>');<\/p>\n
\/\/ \u4ee3\u7801\u5757 ```…```
\n html = html.replace(\/```(\\\\w*)\\\\n([\\\\s\\\\S]*?)```\/g, function(m, lang, code) {
\n return '<pre><code>' + code.replace(\/\\\\n$\/, '') + '<\/code><\/pre>';
\n });<\/p>\n
\/\/ \u884c\u5185\u4ee3\u7801 `…`
\n html = html.replace(\/`([^`]+)`\/g, '<code>$1<\/code>');<\/p>\n
\/\/ \u8868\u683c：\u9010\u884c\u5904\u7406
\n html = html.replace(\/(\\\\|[^\\\\n]+\\\\|\\\\n\\\\|[-:| ]+\\\\|\\\\n(?:\\\\|[^\\\\n]+\\\\|\\\\n?)*)\/g, function(tableBlock) {
\n var lines = tableBlock.trim().split('\\\\n');
\n var htmlTable = '<div class="table-wrapper"><table>';
\n var isHeader = true;
\n for (var i = 0; i < lines.length; i++) {
\n \/\/ \u8df3\u8fc7\u5206\u9694\u884c
\n if (\/^\\\\|[-:| ]+\\\\|$\/.test(lines[i])) { isHeader = false; continue; }
\n var cells = lines[i].replace(\/^\\\\||\\\\|$\/g, '').split('|');
\n var tag = isHeader ? 'th' : 'td';
\n htmlTable += '<tr>';
\n for (var j = 0; j < cells.length; j++) {
\n htmlTable += '<' + tag + '>' + cells[j].trim() + '<\/' + tag + '>';
\n }
\n htmlTable += '<\/tr>';
\n }
\n htmlTable += '<\/table><\/div>';
\n return htmlTable;
\n });<\/p>\n
\/\/ \u6807\u9898
\n html = html.replace(\/^###### (.+)$\/gm, '<h6>$1<\/h6>');
\n html = html.replace(\/^##### (.+)$\/gm, '<h5>$1<\/h5>');
\n html = html.replace(\/^#### (.+)$\/gm, '<h4>$1<\/h4>');
\n html = html.replace(\/^### (.+)$\/gm, '<h3>$1<\/h3>');
\n html = html.replace(\/^## (.+)$\/gm, '<h2>$1<\/h2>');
\n html = html.replace(\/^# (.+)$\/gm, '<h1>$1<\/h1>');<\/p>\n
\/\/ \u52a0\u7c97\u548c\u659c\u4f53
\n html = html.replace(\/\\\\*\\\\*\\\\*(.+?)\\\\*\\\\*\\\\*\/g, '<strong><em>$1<\/em><\/strong>');
\n html = html.replace(\/\\\\*\\\\*(.+?)\\\\*\\\\*\/g, '<strong>$1<\/strong>');
\n html = html.replace(\/\\\\*(.+?)\\\\*\/g, '<em>$1<\/em>');<\/p>\n
\/\/ \u56fe\u7247
\n html = html.replace(\/!\\\\[([^\\\\]]*)\\\\]\\\\(([^)]+)\\\\)\/g, '<img src="$2" alt="$1" style="max-width:100%;">');<\/p>\n
\/\/ \u94fe\u63a5
\n html = html.replace(\/\\\\[([^\\\\]]+)\\\\]\\\\(([^)]+)\\\\)\/g, '<a href="$2" target="_blank">$1<\/a>');<\/p>\n
\/\/ \u5f15\u7528
\n html = html.replace(\/^> (.+)$\/gm, '<blockquote>$1<\/blockquote>');<\/p>\n
\/\/ \u5206\u5272\u7ebf
\n html = html.replace(\/^—$\/gm, '<hr>');<\/p>\n
\/\/ \u65e0\u5e8f\u5217\u8868
\n html = html.replace(\/^[\\\\-\\\\*] (.+)$\/gm, '<li>$1<\/li>');
\n html = html.replace(\/(<li>.*<\\\\\/li>\\\\n?)+\/g, '<ul>$&<\/ul>');<\/p>\n
\/\/ \u6709\u5e8f\u5217\u8868
\n html = html.replace(\/^\\\\d+\\\\. (.+)$\/gm, '<li>$1<\/li>');<\/p>\n
\/\/ \u6362\u884c
\n html = html.replace(\/\\\\n\\\\n\/g, '<\/p><p>');
\n html = html.replace(\/\\\\n\/g, '<br>');
\n html = '<p>' + html + '<\/p>';<\/p>\n
\/\/ \u6e05\u7406\u7a7a\u6bb5\u843d\u548c\u591a\u4f59\u5d4c\u5957
\n html = html.replace(\/<p><\\\\\/p>\/g, '');
\n html = html.replace(\/<p><(h[1-6]|ul|ol|pre|blockquote|hr|table)\/g, '<$1');
\n html = html.replace(\/<\\\\\/(h[1-6]|ul|ol|pre|blockquote|table)><\\\\\/p>\/g, '<\/$1>');<\/p>\n
return html;
\n }<\/p>\n
function renderMarkdown(text) {
\n if (usingMarked) {
\n var html = marked.parse(text);
\n html = html.replace(\/<table>\/g, '<div class="table-wrapper"><table>');
\n html = html.replace(\/<\\\\\/table>\/g, '<\/table><\/div>');
\n return html;
\n } else {
\n return simpleMarkdown(text);
\n }
\n }<\/p>\n
\/\/ \u68c0\u6d4b\u5e76\u683c\u5f0f\u5316\u6587\u4ef6\u4fe1\u606f（\u667a\u8c31\u8fd4\u56de\u7684\u94fe\u63a5\/\u6587\u4ef6\u5f15\u7528）
\n function formatFileInfo(text) {
\n \/\/ \u5339\u914d\u56fe\u7247\u94fe\u63a5
\n text = text.replace(
\n \/!\\\\[([^\\\\]]*)\\\\]\\\\(([^)]+)\\\\)\/g,
\n '<div class="file-card">' +
\n '<div class="file-icon">IMG<\/div>' +
\n '<div class="file-info"><div class="file-name">$1<\/div><div class="file-meta">\u56fe\u7247\u6587\u4ef6<\/div><\/div>' +
\n '<a class="file-link" href="$2" target="_blank">\u67e5\u770b<\/a>' +
\n '<\/div>'
\n );<\/p>\n
\/\/ \u5339\u914d\u5e38\u89c1\u6587\u4ef6\u94fe\u63a5 (.pdf, .doc, .xlsx, .zip \u7b49)
\n text = text.replace(
\n \/\\\\[([^\\\\]]+)\\\\]\\\\((https?:\\\\\/\\\\\/[^)]+\\\\.(pdf|docx?|xlsx?|pptx?|zip|rar|txt|csv|json|xml))\\\\)\/gi,
\n function(match, name, url, ext) {
\n var extUpper = ext.toUpperCase();
\n return '<div class="file-card">' +
\n '<div class="file-icon">' + extUpper + '<\/div>' +
\n '<div class="file-info"><div class="file-name">' + name + '<\/div><div class="file-meta">' + extUpper + ' \u6587\u4ef6<\/div><\/div>' +
\n '<a class="file-link" href="' + url + '" target="_blank">\u4e0b\u8f7d<\/a>' +
\n '<\/div>';
\n }
\n );<\/p>\n
return text;
\n }<\/p>\n
const messagesDiv = document.getElementById('messages');
\n const userInput = document.getElementById('userInput');
\n const sendBtn = document.getElementById('sendBtn');<\/p>\n
const conversation = []; \/\/ \u4fdd\u5b58\u5bf9\u8bdd\u5386\u53f2<\/p>\n
\/\/ \u6dfb\u52a0\u6d88\u606f\u5230\u754c\u9762
\n function addMessage(role, content, isLoading) {
\n const msgDiv = document.createElement('div');
\n msgDiv.className = 'message ' + role + (isLoading ? ' loading' : '');<\/p>\n
if (role === 'assistant' && !isLoading) {
\n \/\/ \u52a9\u624b\u6d88\u606f：Markdown \u2192 HTML
\n let formatted = formatFileInfo(content); \/\/ \u5148\u5904\u7406\u6587\u4ef6\u4fe1\u606f
\n let html = renderMarkdown(formatted); \/\/ \u518d\u6e32\u67d3 Markdown
\n msgDiv.innerHTML = html;<\/p>\n
\/\/ \u8ba9\u6240\u6709\u94fe\u63a5\u5728\u65b0\u6807\u7b7e\u9875\u6253\u5f00
\n msgDiv.querySelectorAll('a').forEach(function(a) {
\n a.setAttribute('target', '_blank');
\n a.setAttribute('rel', 'noopener noreferrer');
\n });
\n } else {
\n \/\/ \u7528\u6237\u6d88\u606f\u548c\u52a0\u8f7d\u63d0\u793a\u4fdd\u6301\u7eaf\u6587\u672c
\n msgDiv.textContent = content;
\n }<\/p>\n
messagesDiv.appendChild(msgDiv);
\n messagesDiv.scrollTop = messagesDiv.scrollHeight;
\n return msgDiv;
\n }<\/p>\n
\/\/ \u53d1\u9001\u6d88\u606f
\n async function sendMessage() {
\n const content = userInput.value.trim();
\n if (!content) return;<\/p>\n
\/\/ \u7981\u7528\u6309\u94ae
\n sendBtn.disabled = true;
\n userInput.disabled = true;<\/p>\n
\/\/ \u663e\u793a\u7528\u6237\u6d88\u606f
\n addMessage('user', content);
\n conversation.push({ role: 'user', content: content });
\n userInput.value = '';
\n userInput.style.height = 'auto';<\/p>\n
\/\/ \u663e\u793a\u52a0\u8f7d\u63d0\u793a
\n const loadingMsg = addMessage('assistant', 'AI \u6b63\u5728\u601d\u8003…', true);<\/p>\n
try {
\n const response = await fetch('http:\/\/localhost:3000\/chat', {
\n method: 'POST',
\n headers: { 'Content-Type': 'application\/json' },
\n body: JSON.stringify({ messages: conversation })
\n });<\/p>\n
if (!response.ok) {
\n throw new Error('\u8bf7\u6c42\u5931\u8d25: ' + response.status);
\n }<\/p>\n
const data = await response.json();<\/p>\n
\/\/ \u79fb\u9664\u52a0\u8f7d\u63d0\u793a
\n loadingMsg.remove();<\/p>\n
const reply = data.choices[0].message.content;
\n addMessage('assistant', reply);
\n conversation.push({ role: 'assistant', content: reply });<\/p>\n
} catch (err) {
\n loadingMsg.remove();
\n addMessage('assistant', '\u51fa\u9519\u4e86: ' + err.message + '\\\\n\u8bf7\u786e\u4fdd\u5df2\u542f\u52a8 node server.js');
\n console.error(err);
\n }<\/p>\n
\/\/ \u6062\u590d\u6309\u94ae
\n sendBtn.disabled = false;
\n userInput.disabled = false;
\n userInput.focus();
\n }<\/p>\n
\/\/ Enter \u53d1\u9001，Shift+Enter \u6362\u884c
\n userInput.addEventListener('keydown', function(e) {
\n if (e.key === 'Enter' && !e.shiftKey) {
\n e.preventDefault();
\n sendMessage();
\n }
\n });<\/p>\n
\/\/ \u81ea\u52a8\u8c03\u6574\u8f93\u5165\u6846\u9ad8\u5ea6
\n userInput.addEventListener('input', function() {
\n this.style.height = 'auto';
\n this.style.height = Math.min(this.scrollHeight, 120) + 'px';
\n });
\n <\/script>
\n<\/body>
\n<\/html><\/p>\n
\/**
\n * \u667a\u8c31 AI \u804a\u5929\u4ee3\u7406\u670d\u52a1\u5668
\n * ================================================================
\n * \u4f5c\u7528：\u524d\u7aef\u9875\u9762\u901a\u8fc7\u672c\u4ee3\u7406\u8f6c\u53d1\u8bf7\u6c42\u5230\u667a\u8c31 API，\u89e3\u51b3\u4e24\u4e2a\u95ee\u9898：
\n * 1. CORS \u8de8\u57df \u2014\u2014 \u6d4f\u89c8\u5668\u4e0d\u80fd\u76f4\u63a5\u8c03 open.bigmodel.cn，\u4ee3\u7406\u65e0\u6b64\u9650\u5236
\n * 2. API Key \u5b89\u5168 \u2014\u2014 Key \u53ea\u4fdd\u5b58\u5728\u670d\u52a1\u7aef，\u4e0d\u4f1a\u66b4\u9732\u7ed9\u524d\u7aef
\n *
\n * \u4f7f\u7528：node server.js \u7136\u540e\u6253\u5f00 \u667a\u8c31\u804a\u5929.html
\n * ================================================================
\n *\/<\/p>\n
\/\/ http ：\u521b\u5efa\u672c\u5730\u670d\u52a1，\u63a5\u6536\u524d\u7aef\u8bf7\u6c42
\n\/\/ https ：\u8f6c\u53d1\u8bf7\u6c42\u5230\u667a\u8c31 API（\u667a\u8c31\u7528 HTTPS）
\nconst http = require('http');
\nconst https = require('https');<\/p>\n
\/\/ —- \u914d\u7f6e —-
\nconst PORT = 3000; \/\/ \u4ee3\u7406\u76d1\u542c\u7aef\u53e3
\nconst API_KEY = '\u4f60\u7684 API Key'
\n\/\/ \u667a\u8c31 API Key（\u4ece https:\/\/open.bigmodel.cn \u83b7\u53d6）<\/p>\n
\/**
\n * \u521b\u5efa HTTP \u670d\u52a1\u5668
\n * \u5de5\u4f5c\u6d41\u7a0b：\u524d\u7aef fetch \u2192 \u672c\u4ee3\u7406 \u2192 \u667a\u8c31 API \u2192 \u672c\u4ee3\u7406 \u2192 \u524d\u7aef
\n *\/
\nconst server = http.createServer((req, res) => {<\/p>\n
\/\/ ========================================
\n \/\/ \u7b2c\u4e00\u6b65：\u8bbe\u7f6e CORS \u54cd\u5e94\u5934
\n \/\/ \u5141\u8bb8\u4efb\u610f\u6765\u6e90\u7684\u524d\u7aef\u9875\u9762\u8c03\u7528\u672c\u4ee3\u7406
\n \/\/ ========================================
\n res.setHeader('Access-Control-Allow-Origin', '*'); \/\/ \u5141\u8bb8\u6240\u6709\u57df\u540d
\n res.setHeader('Access-Control-Allow-Methods', 'POST, OPTIONS'); \/\/ \u5141\u8bb8\u7684\u8bf7\u6c42\u65b9\u6cd5
\n res.setHeader('Access-Control-Allow-Headers', 'Content-Type'); \/\/ \u5141\u8bb8\u7684\u8bf7\u6c42\u5934<\/p>\n
\/\/ ========================================
\n \/\/ \u7b2c\u4e8c\u6b65：\u5904\u7406\u6d4f\u89c8\u5668\u9884\u68c0\u8bf7\u6c42（OPTIONS）
\n \/\/ \u6d4f\u89c8\u5668\u5728\u53d1\u9001 POST \u524d\u4f1a\u5148\u53d1 OPTIONS \u8bd5\u63a2，\u76f4\u63a5\u8fd4\u56de 200 \u5373\u53ef
\n \/\/ ========================================
\n if (req.method === 'OPTIONS') {
\n res.writeHead(200);
\n res.end();
\n return;
\n }<\/p>\n
\/\/ ========================================
\n \/\/ \u7b2c\u4e09\u6b65：\u5904\u7406 \/chat \u804a\u5929\u63a5\u53e3
\n \/\/ \u524d\u7aef POST \u5230\u6b64\u8def\u5f84，\u643a\u5e26\u5bf9\u8bdd\u5386\u53f2
\n \/\/ ========================================
\n if (req.method === 'POST' && req.url === '\/chat') {
\n let body = '';<\/p>\n
\/\/ \u5206\u6bb5\u63a5\u6536\u524d\u7aef\u4f20\u6765\u7684\u8bf7\u6c42\u4f53\u6570\u636e
\n req.on('data', chunk => {
\n body += chunk.toString();
\n });<\/p>\n
\/\/ \u63a5\u6536\u5b8c\u6bd5\u540e，\u8f6c\u53d1\u7ed9\u667a\u8c31 API
\n req.on('end', () => {
\n \/\/ \u6784\u9020\u53d1\u7ed9\u667a\u8c31\u7684\u8bf7\u6c42\u4f53
\n \/\/ model: \u6a21\u578b\u540d\u79f0，GLM-4.5-Flash \u662f\u8f7b\u91cf\u5feb\u901f\u7248
\n \/\/ stream: false \u8868\u793a\u4e00\u6b21\u6027\u8fd4\u56de（\u975e\u6d41\u5f0f），\u524d\u7aef\u5904\u7406\u66f4\u7b80\u5355
\n const postData = JSON.stringify({
\n model: 'GLM-4.5-Flash',
\n stream: false,
\n messages: JSON.parse(body).messages \/\/ \u900f\u4f20\u524d\u7aef\u7684\u5bf9\u8bdd\u5386\u53f2
\n });<\/p>\n
\/\/ \u667a\u8c31 API \u8bf7\u6c42\u914d\u7f6e
\n const options = {
\n hostname: 'open.bigmodel.cn', \/\/ \u667a\u8c31 API \u57df\u540d
\n path: '\/api\/paas\/v4\/chat\/completions', \/\/ \u804a\u5929\u8865\u5168\u63a5\u53e3\u8def\u5f84
\n method: 'POST',
\n headers: {
\n 'Content-Type': 'application\/json',
\n 'Authorization': `Bearer ${API_KEY}`, \/\/ Bearer Token \u9274\u6743
\n 'Content-Length': Buffer.byteLength(postData) \/\/ \u8bbe\u7f6e\u8bf7\u6c42\u4f53\u957f\u5ea6（\u5fc5\u9700）
\n }
\n };<\/p>\n
\/\/ \u53d1\u8d77 HTTPS \u8bf7\u6c42\u5230\u667a\u8c31
\n const proxyReq = https.request(options, proxyRes => {
\n let data = '';<\/p>\n
\/\/ \u63a5\u6536\u667a\u8c31\u7684\u5206\u6bb5\u54cd\u5e94
\n proxyRes.on('data', chunk => {
\n data += chunk.toString();
\n });<\/p>\n
\/\/ \u54cd\u5e94\u63a5\u6536\u5b8c\u6bd5，\u539f\u6837\u8fd4\u56de\u7ed9\u524d\u7aef
\n proxyRes.on('end', () => {
\n res.writeHead(proxyRes.statusCode, {
\n 'Content-Type': 'application\/json'
\n });
\n res.end(data); \/\/ \u667a\u8c31\u7684\u54cd\u5e94\u76f4\u63a5\u900f\u4f20\u7ed9\u524d\u7aef
\n });
\n });<\/p>\n
\/\/ \u7f51\u7edc\u9519\u8bef\u5904\u7406：\u667a\u8c31\u670d\u52a1\u4e0d\u53ef\u8fbe\u6216\u8d85\u65f6
\n proxyReq.on('error', err => {
\n console.error('\u4ee3\u7406\u8bf7\u6c42\u51fa\u9519:', err.message);
\n res.writeHead(500, { 'Content-Type': 'application\/json' });
\n res.end(JSON.stringify({ error: '\u670d\u52a1\u5668\u51fa\u9519: ' + err.message }));
\n });<\/p>\n
\/\/ \u53d1\u9001\u8bf7\u6c42\u4f53\u5e76\u7ed3\u675f\u8bf7\u6c42
\n proxyReq.write(postData);
\n proxyReq.end();
\n });<\/p>\n
} else {
\n \/\/ ========================================
\n \/\/ \u5176\u4ed6\u8def\u5f84\u4e00\u5f8b\u8fd4\u56de 404
\n \/\/ ========================================
\n res.writeHead(404, { 'Content-Type': 'text\/plain' });
\n res.end('Not Found');
\n }
\n});<\/p>\n
\/\/ \u542f\u52a8\u670d\u52a1\u5668，\u76d1\u542c 3000 \u7aef\u53e3
\nserver.listen(PORT, () => {
\n console.log(`\u4ee3\u7406\u670d\u52a1\u5668\u5df2\u542f\u52a8: http:\/\/localhost:${PORT}\/chat`);
\n console.log('\u8bf7\u5728\u6d4f\u89c8\u5668\u4e2d\u6253\u5f00 \u667a\u8c31\u804a\u5929.html');
\n});<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4e0a\u56fe！！！HTML\u6e90\u7801<\/p>\n