EMOON
/
PHP_emoon.com


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SSE Example</title>
    <style>
        /* 修改后的 CSS */
        #sseOutput {
            display: inline-block;
            max-width: 600px;          /* 控制最大宽度 */
            white-space: normal;       /* 允许换行 (覆盖之前的 nowrap) */
            overflow-wrap: break-word; /* 长单词/URL强制换行 */
            vertical-align: top;       /* 顶部对齐 */
        }
    </style>
</head>
<body>
    <h1>大模型 SSE 流媒体对话程序模块</h1>
    <span>问题：The highest mountain in the world is Mount Everest.What is the second？</span>
    <br /><br />
    <!-- 移除行内 nowrap 样式 -->
    <span id="sseOutput">回答：</span>
    
    <script>
        var evtSource = new EventSource("https://open.emoon.com/apiSSE.php?token=de0f72abec0d6f6f6fa366b91ce9b22c");
        
        // 处理常规消息（保持原有逻辑）
        evtSource.onmessage = function(e) {
            try {
                const data = JSON.parse(e.data);
                if (data.choices?.[0]?.delta?.content) {
                    console.log(data.choices[0].delta.content);
                    document.getElementById("sseOutput").textContent += data.choices[0].delta.content;
                }
            } catch (err) {
                console.error("JSON解析失败:", err);
            }
        };
        
        // 新增end事件监听
        evtSource.addEventListener('end', function(e) {
            console.log("流式传输正常结束:", e.data);
            evtSource.close(); // 主动关闭连接
        }, false);
        
        // 错误处理优化
        evtSource.onerror = function(e) {
            if (e.eventPhase === EventSource.CLOSED) {
                console.log("连接已正常关闭");
            } else {
                console.error("连接异常:", e);
            }
            evtSource.close();
        };
        
        // 鉴定请求接口权限
        evtSource.addEventListener('verify', function(e) {
            console.log("参数验证失败:", e.data);
            evtSource.close(); // 主动关闭连接
        }, false);
    </script>

</body>
</html>