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

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.index模块下index.php文件的代码

<?php
namespace app\index\controller;

use think\Controller;

class Index extends Controller
{
    public function index()
    {
        return $this->fetch();
    }
}

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        // 假设服务端ip为127.0.0.1
        ws = new WebSocket("ws://127.0.0.1:2346");
        ws.onopen = function() {
            console.log("连接成功");
            ws.send('tom');
            console.log("给服务端发送一个字符串:tom");
        };
        ws.onmessage = function(e) {
            console.log("收到服务端的消息:" + e.data);
        };
    </script>
</head>
<body>
</body>
</html>

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

<?php
namespace app\socket\controller;
use Workerman\Worker;

class Index
{
    public function index()
    {

        // 创建一个Worker监听2346端口,使用websocket协议通讯
        $ws_worker = new Worker("websocket://0.0.0.0:2346");

        // 启动4个进程对外提供服务
        $ws_worker->count = 4;

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

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

    }
}

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

<?php
// 启动socket,通过cmd启动

// 定义应用目录
define('APP_PATH', __DIR__ . '/../application/');
//绑定到socket所在模块
define('BIND_MODULE','socket/index/index');
// 加载框架引导文件
require __DIR__ . '/../thinkphp/start.php';

三、cmd启动socket服务

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

到这里就成功了!

如果还有什么问题的话请留言,也可以加qq(532526447),我们一起学习!谢谢

相关文章:

  • 2022-12-23
  • 2021-09-29
  • 2022-12-23
  • 2021-08-12
  • 2021-04-03
  • 2021-11-14
  • 2022-02-16
猜你喜欢
  • 2021-12-08
  • 2022-12-23
  • 2022-12-23
  • 2021-12-16
  • 2021-05-07
  • 2022-12-23
相关资源
相似解决方案