1. 创建websocket服务器

swoole从1.7.9版本开始， 内置了websocket服务器功能，我们只需几行简单的PHP代码，就可以创建出一个异步非阻塞多进程的WebSocket服务器。

首先，我们在apache的工作空间下，新建一个项目，名称为swoole，然后在里面新建一个ws-server.php文件，该php文件主要创建一个websocket服务器，同时相应用户的请求，内容如下：

<?php   

//创建websocket服务器对象，监听0.0.0.0:9502端口

$ws_server = new swoole_websocket_server('192.168.1.169', 9502);  

//设置server运行时的各项参数

$ws_server->set(array(

    'daemonize' => true, //是否作为守护进程

));  

//监听WebSocket连接打开事件

$ws_server->on('open', function ($ws, $request) {

    file_put_contents( __DIR__ .'/log.txt' , $request->fd);

    //$ws->push($request->fd, "Hello, Welcome\n");

});  

//监听WebSocket消息事件

$ws_server->on('message', function ($ws, $frame) {

    pushMessage($ws,$frame);

});  

//监听WebSocket连接关闭事件

$ws_server->on('close', function ($ws, $fd) {

    echo "client-{$fd} is closed\n";

});  

$ws_server->start();  

//消息推送

function pushMessage($ws,$frame){

    $data = $frame->data;

    $msg = file_get_contents( __DIR__ .'/log.txt');

    for ($i=1 ; $i<= $msg ; $i++) {

        $ws->push($i, $frame->fd.' : '.$data);

    }

}

上面的代码，创建了一个WebSocket服务器，它的ip地址为192.168.1.169，端口为9502，这些信息，可以根据实际情况来作调整。

2. 创建聊天交互页面

同样的，在swoole目录下，我们新建一个chat.html文件，这是一个纯静态的html5页面，主要作用是通过html5的WebSocket协议跟websocket服务器进行交互，其内容如下：

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="UTF-8">

    <script type="text/javascript">

        if(window.WebSocket){

            var webSocket = new WebSocket("ws://192.168.1.169:9502");

            webSocket.onopen = function (event) {

                //webSocket.send("Hello,WebSocket!");

            };

            webSocket.onmessage = function (event) {

                var content = document.getElementById('content');

                content.innerHTML = content.innerHTML.concat('<p style="margin-left:20px;height:20px;line-height:20px;">用户id-'+event.data+'</p>');

            }  

            var sendMessage = function(){

                var data = document.getElementById('message').value;

                webSocket.send(data);

            }

        }else{

            console.log("您的浏览器不支持WebSocket");

        }

    </script>

</head>

<body>

    <div style="width:600px;margin:0 auto;border:1px solid #ccc;">

        <div id="content" style="overflow-y:auto;height:300px;"></div>

        <hr/>

        <div style="height:40px">

            <input type="text" id="message" style="margin-left:10px;height:25px;width:450px;">

            <button onclick="sendMessage()" style="height:28px;width:75px;">发送</button>

        </div>

    </div>

</body>

</html>

3. 测试

到此为止，我们需要的两个文件都已经创建好了，下面让我们来测试下，是否能按我们的预期来工作。

3.1 启动WebSocket服务器

切换到项目的根目录，然后通过php命令行的方式，执行ws-server.php脚本，即可启动WebSocket服务器，整个命令如下：

cd /var/www/html/swoole

php ws-server.php

如图：


3.1 查看WebSocket服务器是否启动成功

输入命令：netstat -tunlp|grep 9502，如果能看到如下界面，则表示WebSocket服务器启动成功。

3.2 开始聊天

多准备几个浏览器，然后在每个浏览器中，输入http://192.168.1.169/swoole/chat.html，每个浏览器相当于一个用户，然后就可以模拟群聊了。

在Chrome浏览器的聊天窗口中，输入“大家好，我是Chrome”，此时，UC和Firefox浏览器的聊天窗口中，将会看到这个信息。同理，在UC和Firefox浏览器的聊天窗口中输入信息，另外两个窗口也是能看到的，下面是其中一个聊天窗口的截图，如下：

基于swoole搭建聊天室程序的更多相关文章

  1. 基于epoll的聊天室程序

    epoll相对于poll和select这两个多路复用的I/O模型更加的高效.epoll的函数很简单,麻烦的地方在于水平触发和边沿触发. 用张图来说明下 ET(边沿)只是在状态反转时触发,比如从不可读到 ...

  2. 基于select的python聊天室程序

    python网络编程具体参考<python select网络编程详细介绍>. 在python中,select函数是一个对底层操作系统的直接访问的接口.它用来监控sockets.files和 ...

  3. 使用Angular和Nodejs搭建聊天室

    一,利用Node搭建静态服务器 这个是这个项目的底层支撑部分.用来支持静态资源文件像html, css, gif, jpg, png, javascript, json, plain text等等静态 ...

  4. 使用Beetle简单构建聊天室程序

    之前已经讲解了Beetle简单地构建网络通讯程序,那程序紧紧是讲述了如何发送和接收数据:这一章将更深入的使用Beetle的功能,主要包括消息制定,协议分析包括消息接管处理等常用的功能.为了更好的描述所 ...

  5. Ext JS学习第十六天 事件机制event（一） DotNet进阶系列(持续更新) 第一节：.Net版基于WebSocket的聊天室样例 第十五节：深入理解async和await的作用及各种适用场景和用法 第十五节：深入理解async和await的作用及各种适用场景和用法 前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、G

    code&monkey   Ext JS学习第十六天 事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件 ...

  6. 使用nodejs+express+socketio+mysql搭建聊天室

    使用nodejs+express+socketio+mysql搭建聊天室 nodejs相关的资料已经很多了,我也是学习中吧,于是把socket的教程看了下,学着做了个聊天室,然后加入简单的操作mysq ...

  7. ASP.NET 使用application和session对象写的简单聊天室程序

    ASP.Net中有两个重要的对象,一个是application对象,一个是session对象. Application:记录应用程序参数的对象,该对象用于共享应用程序级信息. Session:记录浏览 ...

  8. 高级IO复用应用：聊天室程序

    简单的聊天室程序:客户端从标准输入输入数据后发送给服务端,服务端将用户发送来的数据转发给其它用户.这里采用IO复用poll技术.客户端采用了splice零拷贝.服务端采用了空间换时间(分配超大的用户数 ...

  9. 基于WebSocket实现聊天室(Node)

    基于WebSocket实现聊天室(Node) WebSocket是基于TCP的长连接通信协议,服务端可以主动向前端传递数据,相比比AJAX轮询服务器,WebSocket采用监听的方式,减轻了服务器压力 ...

随机推荐

  1. 一步搞定私有Git服务器部署(Gogs)

    http://www.jianshu.com/p/424627516ef6 零.安装 Docker 和 Compsoe 首先安装 Docker: $ curl -sSL https://get.doc ...

  2. String的不变性到final在java中用法

    final在Java语言里面啥意思 final修饰一个类,那么这个类就是不可继承.string就是一个非常有名的被final修饰的类,不过他的更加有名的是“不可被修改”. 究竟什么是不可改变?stri ...

  3. 归并排序算法-python实现

    #-*- coding: UTF-8 -*- import numpy as np def Merge(a, f, m, l): i = f j = m + 1 tmp = [] while i &l ...

  4. laravel 整合 swoole ，并简单 ab 测试对比性能以及在 PHPstorm 中利用debug调试配置swoole服务中的PHP代码

    安装PHP 的 swoole 扩展 及 安装 laravel,就不描述了 整合 laravel 和 swoole 用了这个轮子,侵入性很小,一行代码搞定,推荐一下,今天刚用,不能预测未来是否会遇见坑 ...

  5. 在Eclipse中搭建Python开发环境

    在Eclipse中搭建Python开发环境 来自: http://hi.baidu.com/hqwfreefly/blog/item/2543181d0afd9604314e150e.html 前言 ...

  6. unity的sprite添加点击事件

    直接说方法 添加一个2dxxx的碰撞器 添加一个OnMouseDown的回调函数,这个函数看script reference就可以

  7. ajax readyState=4并且status=200时，还进error方法

    今天在使用jQuery.ajax方法去调用后台方法时,ajax中得参数data类型是"JSON",后台DEBUG调试,运行正常, 返回正常的结果集,但是前端一直都进到ajax的er ...

  8. usbip install

    # README for usbip-utils## Copyright (C) 2011 matt mooney <mfm@muteddisk.com>#               2 ...

  9. VMware vSphere Client下增加虚拟机磁盘空间的方法

    随着系统运维时间的增长,磁盘就日益的损耗,如果遇到虚拟机报磁盘空间不足怎么办?还好,我们可以通过磁盘阵列增加磁盘空间,然后扩容到虚拟机中去. 对于linux虚拟机磁盘扩容的方案有两种,一种就是原有的实 ...

  10. oracle to_date函数和mysql DATE_FORMAT函数用法

    一.在Oracle中,当想把字符串为‘2011-09-20 08:30:45’的格式转化为日期格式,我们可以使用oracle提供的to_date函数. sql语句为: SELECT to_date(' ...