前端代码：

<!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. 甲题题解-1116. Come on! Let’s C (20)-（素数筛选法）

    用vis标记出现过的id,checked标记询问过的id.至于如何判断排名为素数,用素数筛选法预处理一下即可,水题. #include <iostream> #include <cs ...

  2. oracle union

    union 取并集,去重不仅去掉两个集合之间的重复,也会去掉集合的自重复

  3. 第一次冲刺阶段后五天总结和第一次 Sprint

    第一次冲刺阶段后五天总结(11.16-11.20) 一.准备实现的功能 1 在游戏中随机显示式子 点击进入答题则进入答题界面,显示式子 2 设置限时或者规定答题数目模式 进入游戏,选择不同模式 3 产 ...

  4. 第二个Sprint冲刺第三天（燃尽图）

  5. 项目UML设计（团队）

    团队 队名 boy next door 队员 林晗 124(组长) 微博链接 显东 114 微博链接 基智 505 微博链接 松雄 126 微博链接 团队分工 分工表 任务 林晗 显东 基智 松雄 前 ...

  6. final 140字评论II

    1.约跑app: 从性能上讲,着重修改了其他组找出的bug,性能上有了很大的提高,增强了实用性. 从功能上讲,该app可以增加用户之间的互动性,有较多的客户群,适合人群不限于青少年和成年人. 从UI上 ...

  7. [转帖]PG的简单备份恢复 找时间进行测试

    转帖PG的简单使用 https://blog.csdn.net/lk_db/article/details/77971634 一: 纯文件格式的脚本: 示例:1. 只导出postgres数据库的数据, ...

  8. Windows 下 Docker 的简单学习使用过程之一 dockertoolbox

    1. Windows 下面运行 Docker 的两个主要工具1): Docker for Windows2): DockerToolbox区别:Docker For Windows 可以理解为是新一代 ...

  9. 一本通1640C Looooops

    1640:C Looooops 时间限制: 1000 ms         内存限制: 524288 KB [题目描述] 原题来自:CTU Open 2004 对于 C 语言的 for (variab ...

  10. Codeforces Round #541

    因为这次难得不在十点半(或是更晚),大家都在打,然后我又双叒叕垫底了=.= 自己对时间的分配,做题的方法和心态还是太蒻了,写的时候经常写一半推倒重来.还有也许不是自己写不出来,而是在开始写之前就觉得自 ...