前端代码：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

    </head>

    <body>

        内容:<input type="text" name="msg" id="msg" value="" />

        <button onclick="sendMsg()">发送</button>

        <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

        <script>

        //创建websocket 对象

        var ws = new WebSocket("ws://127.0.0.1:8282");

        //当连接准备好时，则触发

        ws.onopen = function(e) {

            //绑定id

              var fromid=getUrlParam('fromid');

            var toid=getUrlParam('toid');

            var message = '{"type":"bind","fromid":"'+fromid+'","toid":"'+toid+'"}';

            ws.send(message);

        };

        //从服务器收到消息时，该监听器将被调用

        ws.onmessage = function(e){

            var message = JSON.parse(e.data);

            console.log(message);

            if(message.type == "say"){

                alert(message.msg);

            }

        }

        //当连接关闭时，则触发

        ws.onclose = function(e) {

          console.log(e);

        };

        //发送数据

        function sendMsg(){

            var fromid=getUrlParam('fromid');

            var toid=getUrlParam('toid');

            var msg=$("#msg").val();

            var message = '{"type":"say","fromid":"'+fromid+'","toid":"'+toid+'","msg":"'+msg+'"}';

            ws.send(message);

        }

        /**

         * GET取值,用于接受？传值 可接收汉字 推荐使用

         */

        function getUrlParam(name){

            // 用该属性获取页面 URL 地址从问号 (?) 开始的 URL（查询部分）

            var url = window.location.search;

            // 正则筛选地址栏

            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

            // 匹配目标参数

            var result = url.substr().match(reg);

            //返回参数值

            return result ? decodeURIComponent(result[]) : null;

        }

        </script>

    </body>

</html>

后端代码：

ps:修改后端代码后请重启服务端 wind上重启cmd窗口

<?php

/**

 * This file is part of workerman.

 *

 * Licensed under The MIT License

 * For full copyright and license information, please see the MIT-LICENSE.txt

 * Redistributions of files must retain the above copyright notice.

 *

 * @author walkor<walkor@workerman.net>

 * @copyright walkor<walkor@workerman.net>

 * @link http://www.workerman.net/

 * @license http://www.opensource.org/licenses/mit-license.php MIT License

 */

/**

 * 用于检测业务代码死循环或者长时间阻塞等问题

 * 如果发现业务卡死，可以将下面declare打开（去掉//注释），并执行php start.php reload

 * 然后观察一段时间workerman.log看是否有process_timeout异常

 */

//declare(ticks=1);

use \GatewayWorker\Lib\Gateway;

/**

 * 主逻辑

 * 主要是处理 onConnect onMessage onClose 三个方法

 * onConnect 和 onClose 如果不需要可以不用实现并删除

 */

class Events

{

    /**

     * 当客户端连接时触发

     * 如果业务不需此回调可以删除onConnect

     *

     * @param int $client_id 连接id

     */

    public static function onConnect($client_id)

    {

        // 向当前client_id发送数据

        //Gateway::sendToClient($client_id, "Hello $client_id\r\n");

        // 向所有人发送

        //Gateway::sendToAll("$client_id login\r\n");

    }

   /**

    * 当客户端发来消息时触发

    * @param int $client_id 连接id

    * @param mixed $message 具体消息

    */

   public static function onMessage($client_id, $message)

   {

        $req_data = json_decode($message, true);

        //绑定id

        if($req_data['type'] == 'bind'){

          Gateway::bindUid($client_id, $req_data['fromid']);

          $msg='{"type":"say","fromid":"'.$req_data['fromid'].'","toid":"'.$req_data['fromid'].'","msg":"'+msg+'"}';

          $message=[

            'type'=>'bind',

            'fromid'=>$req_data['fromid'],

            'toid'=>$req_data['toid'],

            'msg'=>'绑定成功'

          ];

          Gateway::sendToUid($req_data['fromid'], json_encode($message,JSON_UNESCAPED_UNICODE));

        }

        //发送消息

        if($req_data['type'] == 'say'){

           $message=[

            'type'=>'say',

            'fromid'=>$req_data['fromid'],

            'toid'=>$req_data['toid'],

            'msg'=>$req_data['msg']

          ];

          Gateway::sendToUid($req_data['toid'], json_encode($message,JSON_UNESCAPED_UNICODE));

        }

   }

   /**

    * 当用户断开连接时触发

    * @param int $client_id 连接id

    */

   public static function onClose($client_id)

   {

       // 向所有人发送

       //GateWay::sendToAll("$client_id logout\r\n");

   }

}

效果：

02 workerman之GatewayWorker简单的demo 实现两端发送消息的更多相关文章

  1. 【转】python win32api win32gui win32con 简单操作教程（窗口句柄 发送消息 常用方法 键盘输入）

    作者:https://blog.csdn.net/qq_16234613/article/details/79155632 附:https://www.programcreek.com/python/ ...

  2. C#可扩展编程之MEF学习笔记（一）：MEF简介及简单的Demo

    在文章开始之前,首先简单介绍一下什么是MEF,MEF,全称Managed Extensibility Framework(托管可扩展框架).单从名字我们不难发现:MEF是专门致力于解决扩展性问题的框架 ...

  3. Maven+Spring+Hibernate+Shiro+Mysql简单的demo框架(二)

    然后是项目下的文件:完整的项目请看  上一篇 Maven+Spring+Hibernate+Shiro+Mysql简单的demo框架(一) 项目下的springmvc-servlet.xml配置文件: ...

  4. MEF简介及简单的Demo

    MEF简介及简单的Demo 文章开始之前,首先简单介绍一下什么是MEF,MEF,全称Managed Extensibility Framework(托管可扩展框架).单从名字我们不难发现:MEF是专门 ...

  5. Spring源码学习：第1步--在Spring源码中添加最简单的Demo代码

    为了最大程度地贴近Spring源码并进行学习,一种比较直接的做法是:直接在Spring源码中加入Demo代码,并进行调试. 参照以前使用Spring的经验,Spring最简单的使用方法是:一个实体类. ...

  6. Dubbo入门—搭建一个最简单的Demo框架

    一.Dubbo背景和简介 1.电商系统的演进 Dubbo开始于电商系统,因此在这里先从电商系统的演变讲起. a.单一应用框架(ORM) 当网站流量很小时,只需一个应用,将所有功能如下单支付等都部署在一 ...

  7. Dubbo入门---搭建一个最简单的Demo框架(转)

    Dubbo背景和简介 Dubbo开始于电商系统,因此在这里先从电商系统的演变讲起. 单一应用框架(ORM) 当网站流量很小时,只需一个应用,将所有功能如下单支付等都部署在一起,以减少部署节点和成本.  ...

  8. Dubbo简介---搭建一个最简单的Demo框架

    Dubbo背景和简介 Dubbo开始于电商系统,因此在这里先从电商系统的演变讲起. 单一应用框架(ORM) 当网站流量很小时,只需一个应用,将所有功能如下单支付等都部署在一起,以减少部署节点和成本.  ...

  9. [MyBean说明书]-如何进行最简单的DEMO

    MyBean是轻量级的.绿色的框架,不需要安装任何的组件和携带任何的其他文件,前 期步骤已经相当精简了,仔细阅读完下面简单的五个步骤,就可以编写基于MyBean的插件: 1.加入Delphi的搜索路径 ...

随机推荐

  1. PAT甲题题解-1055. The World's Richest (25)-终于遇见一个排序的不水题

    题目简单,但解题的思路需要转换一下,按常规思路肯定超时,推荐~ 题意:给出n个人的姓名.年龄和拥有的钱,然后进行k次查询,输出年龄在[amin,amx]内的前m个最富有的人的信息.如果财富值相同就就先 ...

  2. Data Plane

    2015-2018,部分关于SDN数据平面的故障恢复文献粗读 SHEAR: A highly available and flexible network architecture marrying ...

  3. 『编程题全队』Alpha 阶段冲刺博客Day7

    1.每日站立式会议 1.会议照片 2.昨天已完成的工作统计 孙志威: 1.添加了网络通信管理类 2.稍微修改了燃尽图模块ChartWidget 3.在主窗口中添加了用户信息框 4.重构了项目中的文件结 ...

  4. [转帖] Linux 创建一个简单的私有CA、发证、吊销证书

    原创帖子地址:   https://blog.csdn.net/mr_rsq/article/details/71001810 Linux 创建一个简单的私有CA.发证.吊销证书 2017年04月30 ...

  5. python学习大全:python基础进阶+人工智能+机器学习+神经网络

    首先用数据说话,看看资料大小,达到675G承诺:真实资料.不加密.(鉴于太多朋友加我QQ,我无法及时回复,) 方便的朋友给我点赞.评论下,谢谢!(内容较大,多次保存) [hide]链接:[url]ht ...

  6. [USACO4.4]追查坏牛奶Pollutant Control

    题目链接:ヾ(≧∇≦*)ゝ Solution: 第一问很好解决,根据网络流:最大流=最小割定理,我们可以轻松求出. 至于第二问,我们不妨把每一条边乘上一个大于1000的数再加上1. 这样的话,对于最小 ...

  7. 学习Spring Boot：（十四）spring-shiro的密码加密

    前言 前面配置了怎么使用 shiro ,这次研究下怎么使用spring shiro的密码加密,并且需要在新增.更新用户的时候,实现生成盐,加密后的密码进行入库操作. 正文 配置凭证匹配器 @Bean ...

  8. 洛谷 P2336 [SCOI2012]喵星球上的点名 解题报告

    P2336 [SCOI2012]喵星球上的点名 题目描述 a180285 幸运地被选做了地球到喵星球的留学生.他发现喵星人在上课前的点名现象非常有趣. 假设课堂上有 \(N\) 个喵星人,每个喵星人的 ...

  9. 洛谷 P2376 [USACO09OCT]津贴Allowance 解题报告

    P2376 [USACO09OCT]津贴Allowance 题目描述 作为创造产奶纪录的回报,\(Farmer\) \(John\)决定开始每个星期给\(Bessie\)一点零花钱. \(FJ\)有一 ...

  10. 洛谷 P2303 [SDOi2012]Longge的问题 解题报告

    P2303 [SDOi2012]Longge的问题 题目背景 SDOi2012 题目描述 Longge的数学成绩非常好,并且他非常乐于挑战高难度的数学问题.现在问题来了:给定一个整数\(N\),你需要 ...