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. 借助dubbo-admin来管理你的服务

      1.  Github上下载最新的dubbo源码包并解压   2. 修改配置信息(打开 dubbo-admin/src/main/webapp/WEB-INF下的dubbo.properties,修 ...

  2. appium+java（四）微信公众号自动化测试实践

    前言 随着手机阅读的普遍应用,微信公众号阅读,更为普遍,微信和qq一样,都是基于腾讯自研X5内核,不是google原生webview(其实就是进行了二次定制).实质上也是混合应用的一种,现在很多app ...

  3. ifconfig和ping

    命令: ifconfig 对应英文: configure a network interface 作用: 查看 / 配置计算机当前的网卡配置信息 安装: sudo apt install net-to ...

  4. mybatis xml中不能直接用大于号、小于号要用转义字符

    2.使用 <![CDATA[ ]]>标记

  5. Python-WEB前端-入门到进阶开发之路

    HTTP: Python-HTTP 概况 HTML: Python-HTML基础 Python-form表单标签 Python-HTML CSS 练习 CSS: Python-CSS入门 Python ...

  6. Codeforces 438E The Child and Binary Tree [DP，生成函数，NTT]

    洛谷 Codeforces 思路 看到计数和\(998244353\),可以感觉到这是一个DP+生成函数+NTT的题. 设\(s_i\)表示\(i\)是否在集合中,\(A\)为\(s\)的生成函数,即 ...

  7. IntelliJ IDEA使用教程 （总目录篇）

    注:本文来源于<    IntelliJ IDEA使用教程 (总目录篇)  > IntelliJ IDEA使用教程 (总目录篇) 硬件要求 IntelliJ IDEA 的硬件要求 安装包云 ...

  8. Confluence 6 包括从其他 Confluence 服务器上来的通知

    Confluence workbox 可以显示从 Confluence 服务器上发送过来的消息. 让我们假设你有 2 个 Confluence 服务器, ConfluenceChatty 和 Conf ...

  9. deepin 桌面突然卡死

    deepin桌面突然卡死 使用快捷键Ctrl+alt+F2 重启systemctl

  10. Max Sum （dp）

    Given a sequence a[1],a[2],a[3]......a[n], your job is to calculate the max sum of a sub-sequence. F ...