簡體   English   中英

如何在websockets php中創建事件?

[英]How do I create a event in websockets php?

我正在測試一些websocket,但是在創建一些觸發器/事件時遇到了問題。

我不確定這是否可能,但我只想嘗試。

所以我下載了一個例子,我現在只是在鬼混

這是server.php的樣子:

<?php
include("C:\wamp\www\social\index.php"); 
// prevent the server from timing out
set_time_limit(0);

// include the web sockets server script (the server is started at the far bottom of this    file)
require 'class.PHPWebSocket.php';

// when a client sends data to the server
function wsOnMessage($clientID, $message, $messageLength, $binary) {
global $Server;

$Server->log('received message from ' . $Server->wsClients[$clientID]['user']);

$ip = long2ip( $Server->wsClients[$clientID][6] );

// check if message length is 0
if ($messageLength == 0) {
    $Server->wsClose($clientID);
    return;
}

//The speaker is the only person in the room. Don't let them feel lonely.
if ( sizeof($Server->wsClients) == 1 ){
    $item = wire('pages')->get('template=item');
    $Server->wsSend($clientID, "There isn't anyone else in the room, but I'll  still listen to you. --Your Trusty Server");
    $Server->wsSend($clientID, $clientID);
}
else
    //Send the message to everyone but the person who said it
    foreach ( $Server->wsClients as $id => $client )
        if ( $id != $clientID ){
            $Server->wsSend($id, "Visitor $clientID ($ip) said   \"$message\"  ");
        }
}

// when a client connects
function wsOnOpen($clientID)
{
global $Server;
$ip = long2ip( $Server->wsClients[$clientID][6] );
$Server->wsClients[$clientID]['user'] = wire('user')->name;
$Server->log( "$ip ($clientID) has connected. Username: " . $Server-   >wsClients[$clientID]['user'] );

//Send a join notice to everyone but the person who joined
foreach ( $Server->wsClients as $id => $client )
    if ( $id != $clientID ){
        $Server->wsSend($id, "Visitor $clientID ($ip) has joined the room.");
    }
}

// when a client closes or lost connection
function wsOnClose($clientID, $status) {
global $Server;
$ip = long2ip( $Server->wsClients[$clientID][6] );

$Server->log( "$ip ($clientID) has disconnected." );

//Send a user left notice to everyone in the room
foreach ( $Server->wsClients as $id => $client )
    $Server->wsSend($id, "Visitor $clientID ($ip) has left the room.");
}

function wsOnTest($clientID, $status) {
global $Server;
$ip = long2ip( $Server->wsClients[$clientID][6] );

$Server->log("Custom message");

//Send a user left notice to everyone in the room
foreach ( $Server->wsClients as $id => $client )
    $Server->wsSend($id, "Custom message");
}

// start the server 
$Server = new PHPWebSocket();
$Server->bind('message', 'wsOnMessage');
$Server->bind('open', 'wsOnOpen');
$Server->bind('close', 'wsOnClose');
$Server->bind('test', 'wsOnTest');
// for other computers to connect, you will probably need to change this to your LAN IP        or external IP,
// alternatively use: gethostbyaddr(gethostbyname($_SERVER['SERVER_NAME']))
$Server->wsStartServer('127.0.0.1', 9300);

?>

這是帶有簡單聊天應用程序的index.html。 正如您在server.php和此文件中都可以看到的那樣,我嘗試創建事件或稱為test的函數來搞怪。

    <!doctype html>
<html>
<head>
    <meta charset='UTF-8' />
    <style>
        input, textarea {border:1px solid #CCC;margin:0px;padding:0px}

        #body {max-width:800px;margin:auto}
        #log {width:100%;height:400px}
        #message {width:100%;line-height:20px}
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="fancywebsocket.js"></script>
    <script>
        var Server;

        function log( text ) {
            $log = $('#log');
            //Add text to log
            $log.append(($log.val()?"\n":'')+text);
            //Autoscroll
            $log[0].scrollTop = $log[0].scrollHeight - $log[0].clientHeight;
        }

        function send( text ) {
            Server.send( 'message', text );
        }

        function test( text ){
            Server.send('test', text);
        }

        $(document).ready(function() {
            log('Connecting...');
            Server = new FancyWebSocket('ws://127.0.0.1:9300');

            $('#message').keypress(function(e) {
                if ( e.keyCode == 13 && this.value ) {
                    log( 'You: ' + this.value );
                    send( this.value );
                    test( this. value);

                    $(this).val('');
                }
            });

            //Let the user know we're connected
            Server.bind('open', function() {
                log( "Connected." );
            });

            //OH NOES! Disconnection occurred.
            Server.bind('close', function( data ) {
                log( "Disconnected." );
            });

            //Log any messages sent from server
            Server.bind('message', function( payload ) {
                log( payload );
            });

            Server.bind('test', function( payload ) {
                log( payload );
            });

            Server.connect();
        });
    </script>
</head>

<body>
    <div id='body'>
        <textarea id='log' name='log' readonly='readonly'></textarea><br/>
        <input type='text' id='message' name='message' />
    </div>
</body>

</html>

完整的是fancywebsocket.js

var FancyWebSocket = function(url)
{
    var callbacks = {};
    var ws_url = url;
    var conn;

    this.bind = function(event_name, callback){
        callbacks[event_name] = callbacks[event_name] || [];
        callbacks[event_name].push(callback);
        return this;// chainable
    };

    this.send = function(event_name, event_data){
        this.conn.send( event_data );
        return this;
    };

    this.connect = function() {
        if ( typeof(MozWebSocket) == 'function' )
            this.conn = new MozWebSocket(url);
        else
            this.conn = new WebSocket(url);

        // dispatch to the right handlers
        this.conn.onmessage = function(evt){
            dispatch('message', evt.data);
        };

        this.conn.onclose = function(){dispatch('close',null)}
        this.conn.onopen = function(){dispatch('open',null)}
    };

    this.disconnect = function() {
        this.conn.close();
    };

    var dispatch = function(event_name, message){
        var chain = callbacks[event_name];
        if(typeof chain == 'undefined') return; // no callbacks for this event
        for(var i = 0; i < chain.length; i++){
            chain[i]( message )
        }
    }
};

所以我該如何像消息一樣進行事件,例如發布或其他內容,還是我需要在json中發送帶有信息的數組(json),而我卻不是...

提前致謝!

我討厭這么說,但是您可能應該使用JSON。 websocket協議沒有定義有效負載的結構,因此沒有“ websocket”方法可以做到這一點。 但這是在WAMP Standard之前完成的,他們確實使用JSON來完成,特別是JSON數組,其中的第一項標識消息類型,例如WELCOME消息:

[ TYPE_ID_WELCOME , sessionId , protocolVersion, serverIdent ]

我認為(您提到的)更靈活的實現將類似於

{"name": "overTheLine", "message": "Mark it 8, Dude."}

所以你可以做類似的事情

// when a client sends data to the server
function wsOnMessage($clientID, $message, $messageLength, $binary) {
    $messageObj = json_decode($message);
    if (property_exists($messageObj, 'name') 
        and property_exists($messageObj, 'message') 
        and is_callable($messageObj->name)) {
        $messageObj->name($messageObj->message);
    }
...
}

// over the line response
function overTheLine($msg) {
    return "Mark it zero!";
}

並同樣在客戶端上

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM