继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

gatewayworker与tp3.2.3结合开发即时聊天示例

子期不遇
关注TA
已关注
手记 5
粉丝 19
获赞 83

第一步:下载tp3.2.3、GatewayWorker、GatewayClient;解压后把tp和Gatewayworker放在同一个目录下面(根目录下面);
第二步:将GatewayClient中的Gateway.php重命名为Gateway.class.php;修改其内容如下:1.namespace Org\Util;2.第35行的$registerAddress的端口号修改和GatewayWorker/Application/YourApp/下的三个start_文件里面的“服务注册地址”下端口号一致;保存后将该文件放于tp框架的ThinkPHP/Library/Org/Util文件夹下;
第三步:将GatewayWorker中start_gateway.php的第24行Gateway括号内容修改为(“websocket://后面的不变”);Events.php的第40行修改为Gateway::sendToClient($client_id,json_encode(array('client_id'=>$client_id)));可注释第42行代码;
第四步:运行tp入口文件后,控制器Index.class.php文件内容如下:

<?php

namespace Home\Controller;

use Think\Controller;

class IndexController extends Controller {

    public function index() {
        $this->uid = I('uid');

        session('uid', $this->uid);
        $this->display();
    }

    function bind() {
        $uid = session('uid');
        $client_id = I('client_id');

        $gateway = new \Org\Util\Gateway();
        $gateway->bindUid($client_id, $uid);
        $message = '绑定成功' . $uid . '-' . $client_id;
        $gateway->sendToUid($uid, $message);
    }

    function message() {
        $to_uid = I('uid');
        $message = I('msg');
        $gateway = new \Org\Util\Gateway();
        $data['msg'] = $message;
        $data['from_uid'] = session('uid');
        $data['to_uid'] = $to_uid;
        $gateway->sendToUid($to_uid, json_encode($data)); //发给对方
        $gateway->sendToUid($data['from_uid'], json_encode($data)); //发给自己
        echo json_encode($data);
    }

}

视图文件index.html文件内容为:(其他文件自己建,不贴了)

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>chatroom</title>
    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"/></script>

    <script type="text/javascript">
    // 打开一个 web socket
    var ws = new WebSocket("ws://127.0.0.8:8282");

    ws.onopen = function ()
    {

    };

    ws.onmessage = function (evt)
    {
        var received_msg = evt.data;
        alert("数据已接收..." + received_msg);
        var jmsg = JSON.parse(received_msg);
        if (jmsg.from_uid > 0) {
            var t_msg = '<li>' + jmsg.from_uid + ' 说:' + jmsg.msg + '</li>';

            $("#message").append(t_msg);
        }
        if (jmsg.client_id.length != 0) {
            $.post("{:U('bind')}", {client_id: jmsg.client_id}, function (data) {

            });
        }
    }
    </script>
</head>
<body>
<ul id="message">

</ul>

<div>
    <input name="uid" value="1" >
    <input name="msg" value="" size="50">
    <button type="button" id="send" >发送</button>
</div>

<script>
    $(function () {
        $("#send").click(function () {
            var uid = $('input[name="uid"]').val();
            var msg = $('input[name="msg"]').val();
            $.post("{:U('message')}", {uid: uid, msg: msg}, function (data) {
                $('input[name="msg"]').val('');
            });

        });
    });
</script>
</body>
</html>

第五步:打开GatewayWorker文件下的.bat文件,去浏览器中访问你设置的虚拟路由地址即可。
这个是非常简单的demo吧,仅提供思路什么的,欢迎大神指点一二。另外这个如果在本地运行的话,因为你的电脑ip是唯一的,所以你的uid是唯一的,不会因为你打开两个浏览器就可以实现对话了。不过当你能在一个浏览器上收到自己发出的消息,基本没问题了。
目前还没解决的问题:如何在windows下,不手动运行.bat文件,使其自动运行gatewayworker环境,这个.bat作用不多说,因为我自己的网站也是windows的。

打开App,阅读手记
12人推荐
发表评论
随时随地看视频慕课网APP

热门评论

workerman视频教程,开发IM在线客服系统(使用gatewayworker): https://study.163.com/course/courseMain.htm?share=2&shareId=400000000388007&courseId=1005015012&_trace_c_p_k2_=aa565c016f79450b8e43ffb1f245c434

https://img2.mukewang.com/5affb2d30001ea0306260241.jpg

大神在么,请教个问题,这个错误是为什么呀

http://img4.mukewang.com/5aa8cba500012b5310110069.jpg你好  您知道这个错误 是为什么?

查看全部评论