【附带效果视频】php接口给前端返回流式数据,php使用event-stream进行数据推送,循环一次输出一次

简介: 【附带效果视频】php接口给前端返回流式数据,php使用event-stream进行数据推送,循环一次输出一次

背景:不分接口需要返回流式数据,循环一次输出一次数据

php接口给前端返回流式数据,循环一次输出一次

返回结果效果视频

image.png

php接口给前端返回流式数据,循环一次输出一次

完整返回结果数据格式

控制台网络内查看到的数据格式

完整代码

    /**
     * 该函数用于通过HTTP流式传输发送实时数据。
     * 它使用Server-Sent Events(SSE)协议向客户端持续推送数据。
     * 数据是即时发送的,不会被服务器缓存。
     */
    public function streamData2()
    {
        // 清除当前的输出缓冲区并禁止输出缓冲,以确保数据能够即时发送给客户端
        ob_end_clean();
        // 设置响应头,指定使用SSE协议,禁用缓存并保持连接 alive
        header('Content-Type: text/event-stream');
        header('Cache-Control: no-cache');
        header('Connection: keep-alive');
        // 对于使用Nginx服务器的情况,禁用缓冲以确保数据即时发送
        header('X-Accel-Buffering: no');

        // 循环模拟持续发送数据的过程
        for ($i = 0; $i < 10; $i++) {
            // 按照SSE格式构建并发送数据,每个数据项之间添加两个换行符以结束数据块
            echo "data: " . $i . "\n\n";
            // 刷新输出缓冲区并强制数据立即发送到客户端
            ob_flush();
            flush();
            // 暂停一秒以模拟数据生成或处理的过程
            sleep(1);
        }
    }


目录
相关文章
|
2天前
|
前端开发
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
23 6
|
14小时前
|
前端开发 应用服务中间件 nginx
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
|
1天前
|
前端开发 JavaScript
前端模拟接口工具推荐——Apifox(mock数据)【图解教程】
前端模拟接口工具推荐——Apifox(mock数据)【图解教程】
11 1
|
2天前
|
Java API PHP
【亲测有效,官方提供】php版本企查查api接口请求示例代码,php请求企查查api接口,thinkphp请求企查查api接口
【亲测有效,官方提供】php版本企查查api接口请求示例代码,php请求企查查api接口,thinkphp请求企查查api接口
7 1
|
5天前
|
JSON 安全 API
实战指南:使用PHP构建高性能API接口服务端
构建RESTful API的简要指南:使用PHP和Laravel,先安装Laravel并配置数据库,接着在`api.php`中定义资源路由,创建`PostController`处理CRUD操作,定义`Post`模型与数据库交互。使用Postman测试API功能,如创建文章。别忘了关注安全性、错误处理和性能优化。
17 2
|
14小时前
|
前端开发
纯前端模拟后端接口异步获取数据
纯前端模拟后端接口异步获取数据
8 0
|
1天前
|
PHP
PHP中接口如何定义?
【7月更文挑战第2天】PHP中接口如何定义?
5 0
|
2天前
|
JavaScript 前端开发 API
koa2使用svg-captcha生成验证码接口(含前端vue项目中使用)
koa2使用svg-captcha生成验证码接口(含前端vue项目中使用)
4 0
|
6天前
|
前端开发
Request(获取请求数据的)请求转发,response响应数据,将数据反馈给前端
Request(获取请求数据的)请求转发,response响应数据,将数据反馈给前端
|
PHP
PHP:变量类型获取和数据类型转换
PHP:变量类型获取和数据类型转换
83 0