用PHP模仿ChatGPT聊天效果，实现逐字打印返回数据

　　最近对ChatGPT里逐字输出的效果很感兴趣，起初以为是接口内容返回之后使用cssjs实现的纯前端效果，深入一调研发现用的是ServerSentEvents（SSE）数据流实现的，看了sse的基本原理之后，就开始上手测试了，结果碰到一个小坑，卡了很久，这里分享一下：
　　用thinkPHP实现sse可以这样：
　　在控制器方法中侦听事件源，并将数据输出到客户端。以下是输出要实时推送的事件的示例代码：publicfunctionstream（）｛header（ContentType：texteventstream）；header（CacheControl：nocache）；header（Connection：keepalive）；建立连接后，您可以输出初始化数据到客户端echoevent：sseinitdata：｛｝；flush（）；监听事件源，并输出实时事件while（true）｛获取要发送的事件数据dataHelloSSE！；输出事件到客户端echoevent：eventdata：flush（）；休眠一段时间等待下次事件sleep（1）；｝｝
　　上述代码会不断地监听myevent事件源，并将数据HelloSSE！输出到客户端。在每个事件发送之间，脚本会等待一秒钟以模拟实时数据流。
　　也可以用thinkPHP的标准返回方法：publicfunctionstream（）｛responsenewResponse（）；responseheader（ContentType，texteventstream）；responseheader（CacheControl，nocache）；responseheader（Connection，keepalive）；建立连接后，您可以输出初始化数据到客户端responsedata（event：sseinit）；responsedata（data：｛｝）；监听事件源，并输出实时事件count0；while（true）｛获取要发送的事件数据dataHelloSSE！。输出事件到客户端responsedata（event：event）；responsedata（data：data）；responsesend（）；休眠一段时间等待下次事件sleep（1）；｝｝
　　然后在前端用js接收事件流：varsourcenewEventSource（？phpechourl（stream）；？）；source。addEventListener（myevent，function（event）｛console。log（event。data）；｝）；
　　然后就会发现，并没有期待的效果出现，并且浏览器会报错：
　　EventSourcesresponsehasaMIMEtype（texthtml）thatisnottexteventstream。Abortingtheconnection。
　　这个问题卡了很久，PHP中已经设置了响应格式为texteventstream，但是浏览器接收到的仍然是texthtml格式，好像responseheader（ContentType，texteventstream）；这句代码没有生效一样；
　　后来经过多方调查，thinkPHP使用了数据缓冲来输出内容，这会导致有些响应格式没有生效，所以在上面的PHP代码中添加obendflush（）；解决问题。
　　以下是正确的PHP代码示例：publicfunctionstream（）｛关闭输出缓冲obendflush（）；header（ContentType：texteventstream）；header（CacheControl：nocache）；header（Connection：keepalive）；建立连接后，您可以输出初始化数据到客户端echoevent：sseinitdata：｛｝；flush（）；监听事件源，并输出实时事件while（true）｛获取要发送的事件数据dataHelloSSE！；输出事件到客户端echoevent：eventdata：flush（）；休眠一段时间等待下次事件sleep（1）；｝｝