PHP Ratchet Wamp在发布事件上向订阅者广播

Question

我正在开发一个web应用程序，在这里我需要以下场景的实时行为，

应用程序将有两种类型的用户Player和Spectator。玩家可以加入正在进行的游戏，而观众只能观看。

游戏将由管理员用户初始化。

观众基本上是可以看到已加入游戏的人员列表的人。当然，这需要是实时的，这意味着当玩家断开连接或新玩家加入游戏时，观众会看到实时列表。

总之，考虑以下示例

Spectator_1 joins Clan_101 
Spectator_2 joins Clan_201
Player_1 joins Clan_101 // Need to broadcast this event to Spectator_1
Player_2 joins Clan_101 // Need to broadcast this event to Spectator_1
Player_1 disconnects Clan_101 // // Need to broadcast this event to Spectator_1
Player_11 joins Clan_201 // Need to broadcast this event to Spectator_2
Player_12 joins Clan_201 // // Need to broadcast this event to Spectator_2

考虑到正在进行的游戏是一个主题/频道（RatchetWampTopic），我需要向观众广播以下事件player join和player left到观众订阅的游戏/主题。

我在服务器端使用Ratchet WebSockets for PHP，在客户端使用autobahn js

下面是代码。到目前为止，当玩家加入/断开游戏时，我可以（从客户端）向服务器发送信息。但是，当玩家加入或断开连接时，我如何将此信息广播给观众（客户端）。

player.html

<script src="scripts/autobahn.js" type="text/javascript"></script>
<script src="scripts/jquery-1.11.2.min.js" type="text/javascript"></script>
<script>
ab.connect(
    'ws://localhost:8080',
     function (session) {
         appSession = session;
         $('#btnJoinGame').on('click',function(){
         session.publish('joingame', ['data','GAME_ID']);
     });                   
 });
</script>

viewer.html

<script>
var conn = new ab.Session(
    'ws://localhost:8080', 
    function() {            
         conn.subscribe('spectator_GAME_ID', function(topic, data) {
            console.log(topic);
            console.log(data);
         });
     },
     function() {            
        console.warn('WebSocket connection closed');
     }    
 );  
 /* OR Using the legacy syntax */
 /*
     ab.connect(
         'ws://localhost:8080',
          function (session) {
              session.subscribe("t1011", function (topic, event) {
                  console.log(event);
              });
          }                       
      );
 */
</script>

Server.php

require __DIR__ . '/vendor/autoload.php';
use RatchetWampWampServerInterface;
use RatchetMessageComponentInterface;
use RatchetConnectionInterface as Conn;

class EventHandler implements WampServerInterface, MessageComponentInterface{
     public function __construct(ReactEventLoopStreamSelectLoop $loop){
        $this->loop = $loop;
     }
     public function onSubscribe(Conn $conn, $subscription, $params = array()){   
        $subscription->broadcast($this->data);
     }
     public function onPublish(Conn $conn, $topic, $params, array $exclude, array $eligible) {
        if($topic->getId() === 'joingame'){
            if(!isset($this->data[$params[1]])){
                $this->data[$params[1]] = array($params[0]);
            }else{
                array_push($this->data[$params[1]], $params[0]);
            }            
        }
        /** DOES'NT WORKS **/
        $newtopic = new RatchetWampTopic('spectator_GAME_ID');
        $this->onSubscribe($conn,$newtopic);
    }
    /*Omitting other methods for brevity*/
}
$loop   = ReactEventLoopFactory::create();
$webSock = new ReactSocketServer($loop);
$webSock->listen(8080, '0.0.0.0'); // Binding to 0.0.0.0 means remotes can connect
new RatchetServerIoServer(
    new RatchetHttpHttpServer(    
        new RatchetWebSocketWsServer(
            new RatchetWampWampServer(
                new EventHandler($loop) // This is my class. Pass in the loop!
            )
        )
    ),
    $webSock
);
$loop->run();

Answer 1

首先，这个答案对你来说可能已经太晚了，尽管我会郑重回答。

一旦您在应用程序中建立了多个通道：spectator_GAME_ID

你希望能够看到谁在玩你正在观看的游戏。使用WebSocket的原因是为了能够看到实时的更改。

你首先必须明白，主题都是不同的频道/gameId。

一旦您意识到这一点并使用棘轮本身示例页面上提供的代码。

    $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[$entryData['category']];
    // re-send the data to all the clients subscribed to that category
    $topic->broadcast($entryData);

在他们的示例中，他们在JSON字符串中使用类别，您可能会将其更改为gameId。

一旦你有了这个功能，你就可以只向监听某个游戏ID的人发送数据。

---

你问题的第二部分是向他们发送更新，以及如何知道更新是什么

最简单的方法是在发送的JSON obejct中添加一个字符串

{
     "action": "join",
     "gameId": "123",                  //so that you know to which game to publish it
     "userIdThatJoined": "123456789",  //whatever other data you need
     "userNameThatJoined": "Foo Bar"
}

发送后，您应该在客户端收到它并检查操作，如果操作是"join"，则将该用户的姓名添加到某个列表中。如果操作为"离开"，则从列表中删除该用户的姓名。

您可以使用更新后调用的一些函数更新活动玩家列表中的显示，或者使用angular的简单ng重复，然后将新值应用到它。