利用ratchet 和 ZeroMQ 实现即时（推送）聊天的功能

博客迁移：时空蚂蚁http://cui.zhbor.com/

上一篇我用ratchet实现了多个浏览器间相互通讯，但是这还远远不够，有几个问题：

1、我总不能让用户在console里面聊天；

2、用户输入的内容我在脚本拿不到，无法保存在数据库

3、不应该推送用户没有订阅的内容

上面的问题是我想到的，下面的步骤是我按官网的步骤来的，官网有的地方是不正确的，因为我整整实验了两天才做出来，成功的那一刻我差点流出泪，整个官网都是外文，任何一门技术都要有耐心的琢磨。记录下来，自豪的。

先说一个下整个工作的原理：

①客户端1向服务器发送请求，加载页面，这时客户端向服务器建立一个开发的websocket连接

②客户端2通过ajax或者form表单向服务器发送内容（这时候websocket是始终连接着的）

③服务器接收客户端2post的数据后，进行一些列的入库等操作，再将数据压如ZeroMQ栈中。这里出现的新名词ZeroMQ有必要去详细了解一下。

④websocket栈会得到来自ZeroMQ的句柄，然后再发送给连接着它的各个客户端，客户端接收数据通过js改版页面

 

下面的流程是需要准备的工作：

ZeroMQ：

安装ZeroMQ连接：官方下载，安装完成后还要是自己的PHP支持ZMQ的扩展，下载连接：PECL下扩展。安装后你的PHPinfo()中应该有如下：

React/ZMQ:

Ratchet本身就是建立在React上的项目，我们需要通过composer加载另一个项目React/ZMQ,这个项目绑定ZeroMQ和Reactor core，以便我们可以控制webSocket和ZeroMQ socket。要加载这个，你需要编辑composer.json并运行:

{
    "autoload": {
        "psr-0": {
            "MyApp": "src"
        }
    },
    "require": {
        "cboden/ratchet": "0.3.*",
        "react/zmq": "0.2.*|0.3.*"
    }
}

代码之旅：

现在需要的环境已经完备，接下来就是编辑代码的工作了。如果你的chat-server还运行的话，应该把它关掉。没有运行就不用管他了。看代码：

<?php
namespace MyApp;
use Ratchet\ConnectionInterface;
use Ratchet\Wamp\WampServerInterface;

class Pusher implements WampServerInterface {
    public function onSubscribe(ConnectionInterface $conn, $topic) {
    }
    public function onUnSubscribe(ConnectionInterface $conn, $topic) {
    }
    public function onOpen(ConnectionInterface $conn) {
    }
    public function onClose(ConnectionInterface $conn) {
    }
    public function onCall(ConnectionInterface $conn, $id, $topic, array $params) {
        // In this application if clients send data it's because the user hacked around in console
        $conn->callError($id, $topic, 'You are not allowed to make calls')->close();
    }
    public function onPublish(ConnectionInterface $conn, $topic, $event, array $exclude, array $eligible) {
        // In this application if clients send data it's because the user hacked around in console
        $conn->close();
    }
    public function onError(ConnectionInterface $conn, \Exception $e) {
    }
}

代码保存为/src/MyApp/Pusher.php 这里面的方法都是接口里的方法，必须重写的。待会还要根据情况进行修改。

编辑接受sub信息的脚本（getSub.php）：

从客户端接受post后，可以插入数据库，然后会打开一个ZeroMQ socket connection并且发送数据，这里会出现ZMQContext类，是php的系统类，你有必要了解一下

ZMQ这个php扩展

<?php
    // post.php ???
    // This all was here before  ;)
    $entryData = array(
        'category' => $_POST['category']
      , 'title'    => $_POST['title']
      , 'article'  => $_POST['article']
      , 'when'     => time()
    );

    $pdo->prepare("INSERT INTO blogs (title, article, category, published) VALUES (?, ?, ?, ?)")
        ->execute($entryData['title'], $entryData['article'], $entryData['category'], $entryData['when']);

    // This is our new stuff
    $context = new ZMQContext();
    $socket = $context->getSocket(ZMQ::SOCKET_PUSH, 'my pusher');
    $socket->connect("tcp://localhost:5555");

    $socket->send(json_encode($entryData));

控制ZeroMQ messages 句柄：

这里就是重写上面的pusher类中的方法，这里官方是有些错误的，因为按照官方实验是行不通的，所以自己修改了一下可以了：

<?php
namespace MyApp;
use Ratchet\ConnectionInterface;
use Ratchet\Wamp\WampServerInterface;

class Pusher implements WampServerInterface {
    /**
     * A lookup of all the topics clients have subscribed to
     */
    protected $subscribedTopics = array();//根据实际情况添加，如果不添加会直接return

    public function onSubscribe(ConnectionInterface $conn, $topic) {
        $this->subscribedTopics[$topic->getId()] = $topic;
    }

    /**
     * @param string JSON'ified string we'll receive from ZeroMQ
     */
    public function onBlogEntry($entry) {
        $entryData = json_decode($entry, true);

        // If the lookup topic object isn't set there is no one to publish to
        if (!array_key_exists($entryData['category'], $this->subscribedTopics)) {
            return;
        }

        $topic = $this->subscribedTopics["题目"];//题目要与js中相对应

        // re-send the data to all the clients subscribed to that category
        $topic->broadcast($entryData);
    }

    /* The rest of our methods were as they were, omitted from docs to save space */
}

创建执行脚本，（loop脚本）：

<?php
    require dirname(__DIR__) . '/vendor/autoload.php';

    $loop   = React\EventLoop\Factory::create();
    $pusher = new MyApp\Pusher;

    // Listen for the web server to make a ZeroMQ push after an ajax request
    $context = new React\ZMQ\Context($loop);
    $pull = $context->getSocket(ZMQ::SOCKET_PULL);
    $pull->bind('tcp://127.0.0.1:5555'); // Binding to 127.0.0.1 means the only client that can connect is itself
    $pull->on('message', array($pusher, 'onBlogEntry'));

    // Set up our WebSocket server for clients wanting real-time updates
    $webSock = new React\Socket\Server($loop);
    $webSock->listen(8080, '0.0.0.0'); // Binding to 0.0.0.0 means remotes can connect
    $webServer = new Ratchet\Server\IoServer(
        new Ratchet\Http\HttpServer(
            new Ratchet\WebSocket\WsServer(
                new Ratchet\Wamp\WampServer(
                    $pusher
                )
            )
        ),
        $webSock
    );

    $loop->run();

保存为/bin/push-server.php,并且运行

客户端需要加载的js代码：

<script src="http://autobahn.s3.amazonaws.com/js/autobahn.min.js"></script>
<script>
    var conn = new ab.Session('ws://localhost:8080',
        function() {
             //注意这里的kittensCategory要与服务器端的一致
            conn.subscribe('kittensCategory', function(topic, data) {
                // This is where you would add the new article to the DOM (beyond the scope of this tutorial)
                console.log('New article published to category "' + topic + '" : ' + data.title);
            });
        },
        function() {
            console.warn('WebSocket connection closed');
        },
        {'skipSubprotocolCheck': true}
    );
</script>

只需要嵌入到一个空的html页面中就行，代开一个浏览器加载这个页面，然后运行getSub.php,当然post数据你模拟一下即可，看看第一个浏览器发生了什么？

如果成功了，那么恭喜你，如果没有成功，请看官网的教程：http://socketo.me/docs/push。下一步我的工作就是在linux上实验一遍