这里描述个基于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. JSP文件的上传和下载

    文件上传下载,与传统的方式不同,这里能够上传和下载10G以上的文件.而且支持断点续传. 通常情况下,我们在网站上面下载的时候都是单个文件下载,但是在实际的业务场景中,我们经常会遇到客户需要批量下载的场 ...

  2. 从MapGIS K9到MapGIS 10到MapGIS 10.3 Server

  3. #1112-JSP生命周期

    JSP 生命周期 理解JSP底层功能的关键就是去理解它们所遵守的生命周期. JSP生命周期就是从创建到销毁的整个过程,类似于servlet生命周期,区别在于JSP生命周期还包括将JSP文件编译成ser ...

  4. 查询数据库对象的DDL信息

    表的DDL select dbms_metadata.get_ddl('HBBL','TABLE','AGREEMENT_MIRROR') from dual:

  5. 【C++进阶：STL常见性质2】

    一般STL函数接收迭代器参数的规则为:[it1, it2) 左闭右开区间: vector<int> scores; scores.erase(scores.begin(),scores.e ...

  6. CSS镜像

    https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scaleX transform: scaleX(-1);/*左 ...

  7. Ajax 实现导出文件-支持批量

    个人感觉前端不行,好多东西记不住,所以只能将遇到的坎以及解决方案记录下,方便以后用到时查找. 首先:ajax不支持流,网上找了好多版本,感觉下面的方案不错,实验了下可行. 前端页面: <div ...

  8. adbl连接不上 daemon not running. starting it now on port 5037 ADB server didn't ACK

     http://blog.csdn.net/prettyice2005/article/details/38682443 adbl连接不上 daemon not running. starting i ...

  9. 类TreeMap

    TreeMap类 import java.util.Set; import java.util.TreeMap; public class IntegerDemo { public static vo ...

  10. Azylee.Utils 工具组

    https://github.com/yuzhengyang/Fork Fork 是平时做 C# 软件的时候,整合各种轮子的一个工具项目,包括并不仅限于:各种常用数据处理方法,文件读写 加密 搜索,系 ...