server.php

<?php

//连接本地的 Redis 服务

$redis = new Redis();

$redis->connect('127.0.0.1', 6379);

$redis->set("fd", "[]");    //每次第一次执行都需要先清空reids里面的标识

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

$server->on('open', function (swoole_websocket_server $server, $request) use($redis) {

    echo "访客{$request->fd}进来了\n";

    $server->push($request->fd, "{$request->fd}客户进来了");

    $str = json_decode($redis->get("fd"), true);

    if($str == "") $str = [];

     if(!in_array($request->fd, $str)){

        array_push($str, $request->fd);

         $str = json_encode($str);

         $redis->set("fd", $str);

         echo "目前在线访客：";

         print_r($redis->get("fd"));

     }

});

$server->on('message', function (swoole_websocket_server $server, $frame) use($redis) {

    echo "系统消息说：{$frame->data}\n";

    $str = json_decode($redis->get("fd"), true);

     foreach ($str as $key => $value) {

         if($frame->fd != $value){

             $server->push($value, "系统消息说:".$frame->data);

         }

     }

});

$server->on('close', function ($ser, $fd) use($redis) {

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

     $str = json_decode($redis->get("fd"), true);

     $point = array_keys($str, $fd, true);  //search key

     array_splice($str, $point['0'],1);  //delete array

     $str = json_encode($str);

     $redis->set("fd", $str);

     echo "删除后在线访客：";

     print_r($redis->get("fd"));

});

$server->start();

Cli命令行执行：/usr/local/php/bin/php server.php

client.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div id="main">

    <div class="msgs">

        消息通知：<span id="push_content" style="color:red"></span>

    </div>

</div>

</body>

<script>

    var socket = new WebSocket('ws://23.27.127.32:9502');  //监听端口

    socket.onopen = function () {  //监听是否连接服务器成功触发

        console.log('Connected!');

         //socket.send("这条信息会返回给服务器看");    //重要!!客户端返回服务器

    };

    socket.onmessage = function (event) {  // **接收到服务器数据**触发

        console.log(event.data);

//        alert('Received data: ' + event.data);

        document.getElementById("push_content").innerHTML = event.data;

//        socket.close();

    };

    socket.onclose = function () {  //与服务器连接断开触发

        console.log('Lost connection!');

    };

    socket.onerror = function () { //与服务器连接出现错误触发

        console.log('Error!');

    };

//    socket.send('hello, world!');

</script>

</html>

admin.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>后台推送界面</title>

</head>

<body>

<div>

    <input type="text" name="content" placeholder="请输入需要推送的信息">

    <button id="push_button">推送</button>

</div>

</body>

<script>

    window.onload = function () {

        var socket = new WebSocket('ws://23.27.127.32:9502');  //监听端口

        var push_button = document.getElementById("push_button");

        var push_content = document.getElementsByName("content");

        push_button.onclick = function () {

            socket.send(push_content['0'].value);

        }

        socket.onmessage = function (event) {  // **接收到服务器数据**触发

            // alert('Received data: ' + event.data);   //这里应该返回发送成功的额标识

        };

        socket.onopen = function () {  //监听是否连接服务器成功触发

            console.log('Connected!');

            // socket.send(push_content['0'].value);    //重要!!客户端返回服务器

        };

        socket.onclose = function () {  //与服务器连接断开触发

            console.log('Lost connection!');

        };

        socket.onerror = function () { //与服务器连接出现错误触发

            console.log('Error!');

        };

    };

</script>

</html>

源码下载

swoole WebSocket 消息推送的更多相关文章

  1. node.js Websocket消息推送---GoEasy

    Goeasy, 它是一款第三方推送服务平台,使用它的API可以轻松搞定实时推送!个人感觉goeasy推送更稳定,推送 速度快,代码简单易懂上手快 浏览器兼容性:GoEasy推送 支持websocket ...

  2. C(++) Websocket消息推送---GoEasy

    Goeasy, 它是一款第三方推送服务平台,使用它的API可以轻松搞定实时推送!个人感觉goeasy推送更稳定,推送 速度快,代码简单易懂上手快 浏览器兼容性:GoEasy推送 支持websocket ...

  3. 【WebSocket】WebSocket消息推送

    准备使用WebSocket实现Java与Vue或者安卓间的实时通信,实现私密聊天.群聊.查询下资料备用. WebSocket客户端 websocket允许通过JavaScript建立与远程服务器的连接 ...

  4. swoole websocket服务推送

    用过workerman, 两个字"好用",对于swoole最近有时间也研究研究 swoole的websocket 很好实现 如官网 https://wiki.swoole.com/ ...

  5. 使用swoole进行消息推送通知，配合vb.net进行客户端开发一样爽[开发篇]

    在以前的项目中,就曾听说过swoole的大名,想用来进行消息推送,但是当时只是有了初步的了解,并不敢大胆的运用到线上产品.所谓 识不足则多虑,威不足则多怒.所以就是怕,只能跟领导说了运用极光的推送功能 ...

  6. websocket消息推送实现

    一.服务层 package com.demo.websocket; import java.io.IOException; import java.util.Iterator; import java ...

  7. WebSocket消息推送

    WebSocket协议是基于TCP的一种新的网络协议,应用层,是TCP/IP协议的子集. 它实现了浏览器与服务器全双工(full-duplex)通信,客户端和服务器都可以向对方主动发送和接收数据.在J ...

  8. spring boot下WebSocket消息推送(转)

    原文地址:https://www.cnblogs.com/betterboyz/p/8669879.html WebSocket协议 WebSocket是一种在单个TCP连接上进行全双工通讯的协议.W ...

  9. spring+rabbitmq+stomp搭建websocket消息推送（非spring boot方式）

    前言: 两年前做过spring+activemq+stomp的ws推送,那个做起来很简单,但现在公司用的mq中间件是rabbitmq,因此需要通过rabbitmq去做ws通信.仔细搜了搜百度/谷歌,网 ...

随机推荐

  1. JSONHelp json解析成类，类解析成string

    using System; using System.Collections.Generic; using System.IO; using System.Runtime.Serialization. ...

  2. MyEclipse 代码里的中文字太小设置方法

    General>Appearance>Colors and Fonts>Basic>Text Font >Edit 把脚本字符改成“中欧字符”就可以了

  3. GNU Radio: 射频子板

    本文简要介绍 USRP 配套的子板参数信息. 射频子板WBX-40 性能特点 频率覆盖:50 MHz – 2.2GHz 最大信号处理带宽:40MHz 行为描述 WBX-40提供高宽带收发器,可提供高达 ...

  4. 显示等待WebDriverWait

    显示等待:WebDriverWait 等待页面加载完成,找到某个条件发生后再继续执行后续代码,如果超过设置时间检测不到则抛出异常 WebDriverWait(driver, timeout, poll ...

  5. 黄聪：Wordpress程序Mysql查询导致CPU100%，页面错误增量飙高解决方案

    最近做的网站,访客一多,CPU就会飙到100%,找了网上很多解决方案,用了下面的方法进行优化: 1.mysql开启慢查询方法: 在my.ini的[mysqld]添加如下语句: log-slow-que ...

  6. 南京邮电大学网络攻防平台——WriteUp(持续更新)

    1.签到题 右键查看源代码直接获得flag 2.MD5collision(MD5碰撞) 观察源码发现md51等于QNKCDZO通过MD5加密的结果,使用在线解密发现结果为 0e830400451993 ...

  7. 马士兵Spring-AOP-XML配置（2）

    一. UserDAO.java: package com.cy.dao; import com.cy.model.User; public interface UserDAO { public voi ...

  8. Linux嵌入式内核模块程序设计

    1.环境搭建 vmware+Fedora 2.创建一个Hello文件 [root@localhost ~]# mkdir Hello 3.在Hello里面创建 hello.c 和 Makefile 两 ...

  9. Java之dom4j的简单解析和生成xml的应用

    一.dom4j是一个Java的XML API,是jdom的升级品,用来读写XML文件的.dom4j是一个十分优秀的JavaXML API,具有性能优异.功能强大和极其易使用的特点,它的性能超过sun公 ...

  10. 十二.jQuery源码解析之.eq().first().last().slice()

    eq(index):将集合中的索引为index的元素提取出来. first():返回集合中的第一个元素. .last():防护集合中的最后一个元素. .slice(start[,end]):返回集合中 ...