Evan
/
AIyaodianzhushou


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>药典AI 连接测试</title>
<style>
  body{font-family:sans-serif;padding:20px;max-width:800px;margin:0 auto}
  h3{color:#002FA7}
  #log{background:#f5f5f5;padding:12px;border-radius:8px;margin-top:12px;font-size:13px;white-space:pre-wrap;min-height:120px;max-height:400px;overflow-y:auto}
  .status{font-size:12px;color:#666;margin-top:8px}
  button{padding:8px 16px;background:#002FA7;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-left:8px}
  button:hover{background:#001a5c}
  input{padding:8px;width:60%;border:1px solid #ccc;border-radius:6px}
</style>
</head><body>
<h3>药典AI 连接测试</h3>
<div>
  <input id="apiBase" placeholder="API 地址" value="http://localhost:9000" style="width:40%">
  <input id="q" placeholder="输入问题" style="width:40%">
  <button onclick="go()">发送</button>
</div>
<div class="status" id="status">需在外部系统登录后，通过 URL ?token=xxx 传入或手动粘贴 Token</div>
<div id="log">等待输入...</div>
<div style="margin-top:8px">
  <input id="tokenInput" placeholder="手动粘贴 JWT Token（或从 URL ?token= 读取）" style="width:80%;font-size:12px">
</div>
<script>
// 优先从 URL 参数读取 token，其次取输入框
var TOKEN = (function(){
  var p = new URLSearchParams(window.location.search);
  var t = p.get('token') || '';
  if (t) {
    setTimeout(function(){
      document.getElementById('tokenInput').value = t;
      document.getElementById('tokenInput').placeholder = '已从 URL 加载 Token';
    }, 0);
  }
  return t;
})();

function log(m) {
  var el = document.getElementById('log');
  el.textContent += m + '\n';
  el.scrollTop = el.scrollHeight;
}

async function go() {
  var apiBase = document.getElementById('apiBase').value.trim().replace(/\/$/, '');
  var q = document.getElementById('q').value.trim();
  if (!q) return;

  document.getElementById('log').textContent = '';

  // 如果没有 URL 传入的 token，尝试读取输入框
  if (!TOKEN) {
    TOKEN = document.getElementById('tokenInput').value.trim();
  }
  if (!TOKEN) {
    log('错误: 请先在外部系统登录获取 Token，粘贴到上方输入框');
    return;
  }

  log('发送: ' + q);
  try {
    var r = await fetch(apiBase + '/api/v1/chat/stream', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'text/event-stream',
        'Authorization': 'Bearer ' + TOKEN
      },
      body: JSON.stringify({message: q})
    });

    if (r.status === 401) {
      log('Token 无效或已过期，请重新获取 Token');
      TOKEN = '';
      return;
    }
    if (!r.ok) throw new Error('HTTP ' + r.status);

    log('连接成功，开始接收...');
    var reader = r.body.getReader();
    var decoder = new TextDecoder();
    var buf = '', txt = '';
    var curEvent = 'content';

    while (true) {
      var result = await reader.read();
      if (result.done) break;
      buf += decoder.decode(result.value, {stream: true});
      var lines = buf.split('\n');
      buf = lines.pop() || '';
      for (var i = 0; i < lines.length; i++) {
        var l = lines[i];
        if (l.indexOf('event:') === 0) { curEvent = l.substring(6).trim(); continue; }
        if (l.indexOf('data:') !== 0) continue;
        var v = l.slice(5);
        if (v[0] === ' ') v = v.substring(1);
        if (v === '[DONE]') { log('\n[DONE]'); continue; }
        if (curEvent === 'intent') { log('[intent] ' + v); }
        else if (curEvent === 'status') { log('[status] ' + v); }
        else if (curEvent === 'meta') { log('[meta] ' + v); }
        else {
          txt += v;
          document.getElementById('log').textContent = '接收中...\n' + txt.slice(-500);
        }
      }
    }
    log('\n完成');
  } catch (e) {
    log('错误: ' + e.message);
  }
}
</script></body></html>