整合tp5和workerman的小demo,亲测通过

这几天闲暇时刻想做个类似在线聊天室的网页,一开始作为小白的我考虑到的是:

1、单纯用ajax的话,由于浏览器与服务器之间是http协议,属于无状态的,所以用ajax的话,当不同用户打开浏览器(进入在线聊天室)时,每个浏览器都要每秒去查询服务器当前房间人员,然后显示出来,太消耗资源
2、于是考虑到使用socket。而我作为一名phper,使用的是tp5框架,所以我必须得现踏进php的socket的门。所以弄了个小demo,供大家思考


一、你需要准备什么?

1.直接下载tp5的完整版(thinkphp_5.0.24_with_extend.zip),里面包含了workman(tp5目录查看:\vendor\workerman),没有的话你也可以使用composer下载

2.配置好php的环境变量(就是全局可以执行php ***.php)


二、配置项目

这个是目录图:
整合tp5和workerman的小demo,亲测通过_第1张图片
1.index模块下index.php文件的代码

fetch();
    }
}

2.index模块下模板文件index.html的代码




    
    
    




3.socket模块下index.php的代码

count = 4;

        // 当收到客户端发来的数据后返回hello $data给客户端
        $ws_worker->onMessage = function($connection, $data)
        {
            // 向客户端发送hello $data
            $connection->send('hello ' . $data);
        };

        // 运行worker
        Worker::runAll();

    }
}

4.public文件夹下socket.php文件的代码

三、cmd启动socket服务

1、打开cmd,定位(cd)到当前文件夹,开启服务
整合tp5和workerman的小demo,亲测通过_第2张图片2、然后运行自己的tp5项目,运行index下的index.html (其实你直接双击打开这个index.html也可以)
整合tp5和workerman的小demo,亲测通过_第3张图片

到这里就成功了!


vue学习提示
传智黑马 elementui 后台电商管理 传智 黑马 vue2.5 后台管理 vue+elementui项目实战 传智黑马最新 vue2.5 2.6后台管理项目 最新 传智 黑马就业班 vue最新基础讲解到实战项目开发视频及源码,带接口文档,带接口,vue从入门到实战,完整pc端后台电商管理项目,包含项目的打包优化及发布到外网服务器完整流程,想学习的抓紧机会了,分享给正好需要的你,抓紧机会了。

本人亲自维护的接口

非常适合vue零基础或者刚入门vue的小白学习。

资源包括源码、视频、接口文档,从入门到实战项目

vue学习项目,线上尝鲜地址:http://129.226.76.172:5325


在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

你可能感兴趣的:(socket)