这里描述个基于swoole的websocket 匿名群聊
UI

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title>即时通讯系统</title>

<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

</head>

<body>

<div id="convo">

    登录用户id：<input type="text" name="user" >

    <button class="login">登录</button>

    <ul  class="chat-thread">

    </ul>

    <!--聊天框-->

    <div class="chat-window">

        <input class="chat-window-message" name="chat-window-message" autocomplete="on" placeholder="请输入内容按回车键发送" type="text" value="123">

    </div> 

</div>

  <!--引入jq文件-->

 <script src='jquery.js'></script>

 <script type="text/javascript">

    $('.login').on('click' , function(){

        uid = $('[name=user]').val().trim();

        if(uid ==''){

            alert('请先登录');

        }else{

            socketlogin(uid);

        }

    })

    var socket;

    function socketlogin(uid){

        socket=new WebSocket('ws://103.60.221.52:9502?uid=' + uid);

        socket.onopen=function()

        {

            socket.send(setMsg(1,'用户'+uid+"你好",uid));

            console.log('连接成功');

        }

        socket.onmessage=function(e)

        {

           console.log('接收数据');

           console.log(e);

            $('.chat-thread').append('<li class="left">'+e.data+'</li>');

        }

        socket.onclose= function()

        {

            $('.chat-thread').append('<li class="left">退出聊天室</li>');

        }

    }

    $(document).keydown(function(e){

    if(e.keyCode==13){

            var speak=$('.chat-window-message').val();

            $('.chat-thread').append('<li>'+speak+'</li>');

            $('.chat-window-message').val('');

            socket.send(setMsg(2,speak,uid));

    }})

   function setMsg(type,msg , uid){

    var msgObject = {

        type:type,

        msg: msg ,

        uid: uid ,

     }

    return JSON.stringify(msgObject);

  }

</script>

server.php

<?php 

// 存储在线客户的数组

$userFdList = [];

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

$server->on('open',function($server,$requset) use(&$userFdList){

//$userFdList[$request->get['uid']] = $request->fd ; 用于给特定人发送情况

$server->push($requset->fd,"欢迎来到同性交友群");

});

$server->on('message',function($server,$frame) use(&$userFdList){

$datas = json_decode($frame->data , true);

     //   var_dump($datas);

     // var_dump($userFdList);

//匿名群聊

foreach($server->connection_list() as $key =>$val){

    $server->push($val,"{$datas['msg']}");

}

// 特定人发送

// if($datas['type'] == 1){

//     $server->push($userFdList[$datas['uid']], "系统：{$datas['msg']}");

// } else if( !isset($userFdList[$datas['to_uid']])) {

//     $server->push($userFdList[$datas['uid']], "系统：用户没上线");

// } else {

//     $server->push($userFdList[$datas['to_uid']], "别人(uid:{$datas['uid']})：{$datas['msg']}");

// }

// $server->push($frame->fd,{$frame->data});

});

$server->on('close', function($server, $fd) use (&$userFdList){

    echo "connection close: {$fd}\n";

    // 特定人发送

    // foreach ($userFdList as $key => $value) {

    //     if( $value == $fd ) unset($userFdList[$key]);

    // }

});

$server->start();

?>
 
用户123.png
 
用户7889.png
 
用户123接受到7889发的消息.png

作者：云窗96
链接：https://www.jianshu.com/p/2b2a70f7b557
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

websocket和基于swoole的简易即时通讯的更多相关文章

  1. 基于Android 平台简易即时通讯的研究与设计[转]

    摘要:论文简单介绍Android 平台的特性,主要阐述了基于Android 平台简易即时通讯(IM)的作用和功能以及实现方法.(复杂的通讯如引入视频音频等可以考虑AnyChat SDK~)关键词:An ...

  2. 通过python的socket库实现简易即时通讯小程序

    前言 最近学习了一下有关tcp协议和socket有关的知识,看到许多socket实战都喜欢教如何做一个聊天程序,于是想着试试能不能不看教程自己写一个.当然我没太多时间做一个像qq一样的ui界面,所以做 ...

  3. C语言 linux环境基于socket的简易即时通信程序

    转载请注明出处:http://www.cnblogs.com/kevince/p/3891033.html      ——By Kevince 最近在看linux网络编程相关,现学现卖,就写了一个简易 ...

  4. Socket.IO介绍：支持WebSocket、用于WEB端的即时通讯的框架

    一.基本介绍 WebSocket是HTML5的一种新通信协议,它实现了浏览器与服务器之间的双向通讯.而Socket.IO是一个完全由JavaScript实现.基于Node.js.支持WebSocket ...

  5. Web端即时通讯技术盘点：短轮询、Comet、Websocket、SSE

    1. 前言 Web端即时通讯技术因受限于浏览器的设计限制,一直以来实现起来并不容易,主流的Web端即时通讯方案大致有4种:传统Ajax短轮询.Comet技术.WebSocket技术.SSE(Serve ...

  6. 新手入门：史上最全Web端即时通讯技术原理详解

    前言 有关IM(InstantMessaging)聊天应用(如:微信,QQ).消息推送技术(如:现今移动端APP标配的消息推送模块)等即时通讯应用场景下,大多数都是桌面应用程序或者native应用较为 ...

  7. Web端即时通讯技术原理详解

    前言 有关IM(InstantMessaging)聊天应用(如:微信,QQ).消息推送技术(如:现今移动端APP标配的消息推送模块)等即时通讯应用场景下,大多数都是桌面应用程序或者native应用较为 ...

  8. openfire+asmack搭建的安卓即时通讯（一） 15.4.7

    最进开始做一些android的项目,除了一个新闻客户端的搭建,还需要一个实现一个即时通讯的功能,参考了很多大神成型的实例,了解到operfire+asmack是搭建简易即时通讯比较方便,所以就写了这篇 ...

  9. web 端即时通讯

    1. 前言 Web端即时通讯技术因受限于浏览器的设计限制,一直以来实现起来并不容易,主流的Web端即时通讯方案大致有4种:传统Ajax短轮询.Comet技术.WebSocket技术.SSE(Serve ...

随机推荐

  1. 【bzoj2427】【软件安装】tarjan缩点+树形依赖背包

    (上不了p站我要死了,侵权度娘背锅) Description 现在我们的手头有N个软件,对于一个软件i,它要占用Wi的磁盘空间,它的价值为Vi.我们希望从中选择一些软件安装到一台磁盘容量为M计算机上, ...

  2. luogu【P1024 一元三次方程求解】题解

    题目描述 有形如:ax3+bx2+cx+d=0 这样的一个一元三次方程.给出该方程中各项的系数(a,b,c,d 均为实数),并约定该方程存在三个不同实根(根的范围在-100至100之间),且根与根之差 ...

  3. FLASH位宽为8、16、32时，CPU与外设之间地址线的连接方法

    转 http://blog.csdn.net/linweig/article/details/5556819 flash连接CPU时,根据不同的数据宽度,比如16位的NOR FLASH (A0-A19 ...

  4. echarts画环形图

    alarmManage(){ let drawLine = echarts.init(document.getElementById('data-alarmManage-table-wrap')); ...

  5. JMH简介

    JMH是新的microbenchmark(微基准测试)框架(2013年首次发布).与其他众多框架相比它的特色优势在于,它是由Oracle实现JIT的相同人员开发的.特别是我想提一下Aleksey Sh ...

  6. [CSP-S模拟测试]:f（Trie树+二分答案+meet in middle+two pointers）

    题目传送门(内部题67) 输入格式 第一行,三个整数$n$.$k$.$p$.第二行,$n$个自然数,表示$\{a_i\}$. 输出格式 输出一行,两个自然数,表示$f(res)$.$res$. 样例 ...

  7. Android传感器系统架构【转】

    本文转载自:http://blog.csdn.net/qianjin0703/article/details/5942579 版权声明:本文为博主原创文章,未经博主允许不得转载. 1. 体系结构 2. ...

  8. dp培训完结(8.9)

    概率与期望dp 期望: 为什么下面的式子成立? 若x可以取1,2,3,则x+c可以取1+c,2+c,3+c..........x*c可以取1*c,2*c,3*c why? 举个例子(E(x+y)=E( ...

  9. DAY 6 上午

    如果不是割点,答案减少2(n-1) 如果删去割点,删去之后整个图分成多个连通块 每一个联通块的大小*其他连通块的大小之和 先求出缩点之后的树 加尽可能少的边使树变成一个边双 找出树上的所有叶子节点(度 ...

  10. Bash is an sh-compatible command language interpreter that executes commands read from the standard input or from a file.

    w https://linux.die.net/man/1/bash bash - GNU Bourne-Again SHell Description Bash is an sh-compatibl ...