前端代码：

<!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. Beta阶段冲刺-5

    一. 每日会议 1. 照片 2. 昨日完成工作 3. 今日完成工作 4. 工作中遇到的困难 杨晨露:现在我过的某种意义上挺滋润的,没啥事了都.......咳,困难就是前端每天都在想砸电脑,我要怎么阻止 ...

  2. [福大软工] Z班 团队作业——UML设计 作业成绩

    团队作业--UML设计 作业链接 http://www.cnblogs.com/easteast/p/7745703.html 作业要求 1)团队分工(5分) 描述团队的每个成员分别完成了UML图的哪 ...

  3. Win 2008 r2 远程桌面多用户登陆，一用户多登陆配置

    Windows 2008 R2远程桌面,设置最大连接数,一个登录后另一个就被踢掉等问题 Windows 2008 R2配置如图: 1.打开远程桌面回话主机配置 2.右键RDP-Tcp,属性,可设置最大 ...

  4. servlet编码乱码问题

    继承HttpServlet 重写doGet(HttpServletRequest req,HttpServletResponse resp),doPost()方法 post提交时: protected ...

  5. Alpha冲刺第8天

    Alpha第8天 1.团队成员 郑西坤 031602542 (队长) 陈俊杰 031602504 陈顺兴 031602505 张胜男 031602540 廖钰萍 031602323 雷光游 03160 ...

  6. Torch，Tensorflow使用： Ubuntu14.04（x64）+ CUDA8.0 安装 Torch和Tensorflow

    系统配置: Ubuntu14.04(x64) CUDA8.0 cudnn-8.0-linux-x64-v5.1.tgz(Tensorflow依赖) Anaconda 1. Torch安装 Torch是 ...

  7. 【bzoj5073】[Lydsy1710月赛]小A的咒语 后缀数组+倍增RMQ+贪心+dp

    题目描述 给出 $A$ 串和 $B$ 串,从 $A$ 串中选出至多 $x$ 个互不重合的段,使得它们按照原顺序拼接后能够得到 $B$ 串.求是否可行.多组数据. $T\le 10$ ,$|A|,|B| ...

  8. DBA 这个角色

    下面这些领域的技能可以提升DBA团队对公司业务产生正面影响的重要能力: ---------------------------------------------------------------- ...

  9. 【BZOJ1432】[ZJOI2009]Function（找规律）

    [BZOJ1432][ZJOI2009]Function(找规律) 题面 BZOJ 洛谷 题解 这...找找规律吧. #include<iostream> using namespace ...

  10. 洛谷P4774 BZOJ5418 LOJ2721 [NOI2018]屠龙勇士（扩展中国剩余定理）

    题目链接: 洛谷 BZOJ LOJ 题目大意:这么长的题面,就饶了我吧emmm 这题第一眼看上去没法列出同余方程组.为什么?好像不知道用哪把剑杀哪条龙…… 仔细一看,要按顺序杀龙,所以获得的剑出现的顺 ...