PHP代码文件名 chat.php

<?php 

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

$ws = new swoole_websocket_server("0.0.0.0", 9502);

//监听WebSocket连接打开事件

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

    var_dump($request->fd, $request->get, $request->server);

    $ws->push($request->fd, "hello, welcome\n");

});

//监听WebSocket消息事件

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

    echo "Message: {$frame->data}\n";

    $ws->push($frame->fd, "server: {$frame->data}");

});

//监听WebSocket连接关闭事件

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

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

});

$ws->start();

html代码chat.html

<!DOCTYPE html>

<html>

<head>

<title>HTML5</title>

<meta charset="utf-8" />

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>

<script>

$(function() {

    var socket;

    var readyState = ["connecting", "connected", "closing", "closed"];

    /* 打开连接事件 */

    $("button:eq(0)").click(function() {

        try {

             /* 连接 */

             socket = new WebSocket("ws://192.168.1.121:9502"); 

             /* 绑定事件 */

             socket.onopen = function() {

                 $("#msg").html("连接成功...");

             }; 

            socket.onmessage = function(e) {

                 $("#msg").html($("#msg").html() + "<br />" + e.data);

             }; 

             socket.onclose = function() {

                 $("#msg").html($("#msg").html() + "<br />关闭连接...");

             };

        } catch(exception) {

            $("#msg").html($("#msg").html() + "<br />有错误发生");

        }

    }); 

    /* 发送数据事件 */

    $("button:eq(1)").click(function() {

        /* 检查文本框是否为空 */

        if($("#data").val() == "") {

            alert("请输入数据！");

            return;

        } 

        try {

            socket.send($("#data").val());

            $("#msg").html($("#msg").html() + "<br />发送数据：" + $("#data").val());

        } catch (exception) {

            $("#msg").html($("#msg").html() + "<br />发送数据出错");

        } 

        /* 清空文本框 */

        $("#data").val("");

    }); 

    /* 断开连接 */

    $("button:eq(2)").click(function() {

        socket.close();

    });

});

</script>

</head> 

<body>

<h1>WebSocket示例</h1>

<input type="text" id="data" />

<button>打开连接</button>

<button>发送数据</button>

<button>关闭连接</button>

<p id="msg"></p>

</body>

</html>

执行php chat.php

浏览器打开http://192.168.1.121/chat.html完成

PHP的swoole框架/扩展socket聊天示例的更多相关文章

  1. workerman-chat（PHP开发的基于Websocket协议的聊天室框架）（thinkphp也是支持socket聊天的）

    workerman-chat(PHP开发的基于Websocket协议的聊天室框架)(thinkphp也是支持socket聊天的) 一.总结 1.下面链接里面还有一个来聊的php聊天室源码可以学习 2. ...

  2. 老雷socket编程之PHP利用socket扩展实现聊天服务

    老雷socket编程之PHP利用socket扩展实现聊天服务 socket聊天服务原理 PHP有两个socket的扩展 sockets和streamssockets socket_create(AF_ ...

  3. 用Swoole+React 实现的聊天室

    前后端分离的项目,使用 Swoole+React 实现的聊天室,整个项目的框架结构可以进行参考,前端 react+react-redux+react-router+react-ant 等等,后台使用 ...

  4. linux中安装swoole框架

    简单说说如何在linux中安装swoole框架. 具体的安装步骤其实和安装php源码类似. 下载源码 => 执行configure => make => make install 安 ...

  5. Socket聊天程序——服务端

    写在前面: 昨天在博客记录自己抽空写的一个Socket聊天程序的初始设计,那是这个程序的整体设计,为了完整性,今天把服务端的设计细化记录一下,首页贴出Socket聊天程序的服务端大体设计图,如下图: ...

  6. swoole框架基本总结

    框架-Swoole扩展-Swoole文档中心 http://wiki.swoole.com/wiki/page/p-framework.html swoole有两个部分. 一个是PHP扩展,用C开发的 ...

  7. swoole框架快速入门

    swoole有两个部分. 一个是PHP扩展,用C开发的,这是核心. 另一个是框架,像yii.TP.Laravel一样,是PHP代码写的. swoole扩展本身提供了web服务器功能,可以替代php-f ...

  8. Socket聊天程序——Common

    写在前面: 上一篇记录了Socket聊天程序的客户端设计,为了记录的完整性,这里还是将Socket聊天的最后一个模块--Common模块记录一下.Common的设计如下: 功能说明: Common模块 ...

  9. Socket聊天程序——客户端

    写在前面: 上周末抽点时间把自己写的一个简单Socket聊天程序的初始设计和服务端细化设计记录了一下,周二终于等来毕业前考的软考证书,然后接下来就是在加班的日子度过了,今天正好周五,打算把客户端的详细 ...

随机推荐

  1. HTML网页背景图很长要有滚动条滑动

    1 前言 由于网页背景图非常长,然后会出现只显示当前页面,后面部分看不到,也不能滑动,开始以为不能滑动应该是没有加overflow-y: auto(scroll),结果加上去也是无效的. 2 代码 & ...

  2. nginx负载均衡后端tomcat无法加载js资源

    JS或css无法完全加载 nginx的代理缓存区,默认较小导致部分文件出现加载不全的问题,比较典型的如jQuery框架,可以通过配置调整nginx的缓存区即可.主要参考proxy参数 最终完整配置如下 ...

  3. 【翻译】关于vertical-align所有你需要知道的

    本文是翻译过来的,如果有不对的地方还请指教~,原文链接:Vertical-Align: All You Need To Know 前面一些说明,可以略过不看吧 我经常需要对元素进行垂直方向上的布局. ...

  4. 设置外部查找工具来索引 Confluence 6

    任何网页的 crawler  工具都可以被用来索引你的 Confluence 站点中的内容.如果你希望注册用户才能够查看的内容也被索引的话,你需要为你的 Confluence 创建一个只被 crawl ...

  5. Confluence 6 自定义站点和空间布局

    你可以通过编辑布局文件来修改 Confluence 的外观和感觉(也可以被称为装饰).编辑这些文件将会允许你对整个 Confluence 站点的外观和感觉进行修改或者仅仅是一个独立的空间. 当你对一个 ...

  6. SpringCloud路由（网关）

    springcloud网关接口就类似于转发 搭建路由网关项目(ZuulDemo) 1.创建pom.xml <project xmlns="http://maven.apache.org ...

  7. collections模块

    collections模块在内置数据类型(dict.list.set.tuple)的基础上,还提供了几个额外的数据类型:ChainMap.Counter.deque.defaultdict.named ...

  8. PyCharm+SVN

    首先电脑安装svn,并且确svn/bin下面有svn.exe文件 没有bin/svn.exe解决方法: 重新打开TortoiseSVN安装文件-Modify-Next后在command line cl ...

  9. 第六周学习总结-CSS、JavaScript

    2018年8月19日 这是暑假第六周,这一周我把HTML5的标签大致看完了,并且看了一些CSS和JavaScript的内容. 上一周说这周要把那个简陋的网页用CSS修饰一下,但是真正开始做时,才发现C ...

  10. 修改jenkins发布账号信息