php使用websocket示例详解

关于“php使用websocket示例详解”的攻略，可以分为以下几步：

1. 首先了解WebSocket

WebSocket就是一个可以在单个TCP连接上全双工通信的协议。它实现了浏览器和服务器之间的实时双向通信，可以更新网页内容和处理用户交互，可以广泛地应用于网络游戏、聊天室、通知系统等场景。

2. 选择PHP WebSocket框架

在PHP中使用WebSocket需要使用第三方框架，常见的有Ratchet、Swoole、Workerman等。这里我们以Ratchet为例，它是一种提供了WebSocket支持的PHP套接字库，可以用于构建实时应用程序。

3. 安装Ratchet

可以使用Composer进行安装，在项目根目录下运行以下命令：

composer require cboden/ratchet

4. 编写WebSocket服务器

以下示例代码展示了使用Ratchet创建WebSocket服务器的基本过程，WebSocket服务器的本质是一个PHP脚本，处理客户端连接、接收和发送消息等：

use Ratchet\MessageComponentInterface;
use Ratchet\ConnectionInterface;

class MyWebSocketServer implements MessageComponentInterface
{
    protected $clients;

    public function __construct()
    {
        $this->clients = new \SplObjectStorage;
    }

    public function onOpen(ConnectionInterface $conn)
    {
        $this->clients->attach($conn);
        echo "New connection! ({$conn->resourceId})\n";
    }

    public function onMessage(ConnectionInterface $from, $msg)
    {
        foreach ($this->clients as $client) {
            if ($client !== $from) {
                $client->send($msg);
            }
        }
    }

    public function onClose(ConnectionInterface $conn)
    {
        $this->clients->detach($conn);
        echo "Connection {$conn->resourceId} has disconnected\n";
    }

    public function onError(ConnectionInterface $conn, \Exception $e)
    {
        echo "An error has occurred: {$e->getMessage()}\n";
        $conn->close();
    }
}

5. 运行WebSocket服务器

最后一步是在命令行中运行服务器脚本：

use Ratchet\Server\IoServer;
use Ratchet\Http\HttpServer;
use Ratchet\WebSocket\WsServer;

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

$server = IoServer::factory(
    new HttpServer(
        new WsServer(
            new MyWebSocketServer()
        )
    ),
    8080
);

$server->run();

以上就是使用Ratchet创建WebSocket服务器的完整攻略。下面列举两个示例说明：

示例一：实现发送自定义消息

要在MyWebSocketServer类中添加一个公共函数sendMessage()，可以把一个包含消息内容和发送人信息的数组当做参数，对所有连接的客户端进行广播：

public function sendMessage($data) {
    foreach ($this->clients as $client) {
        $client->send(json_encode($data));
    }
}

示例二：在网页端实现接收和发送消息

在网页中，使用JavaScript可以方便地编写WebSocket客户端，以下是使用Vue.js框架实现的示例代码：

<div id="app">
  <ul>
    <li v-for="message in messages">{{ message }}</li>
  </ul>
  <input v-model="newMessage">
  <button @click="sendMessage">Send</button>
</div>

<script>
  const connection = new WebSocket('ws://localhost:8080')

  const app = new Vue({
    el: '#app',

    data: {
      messages: [],
      newMessage: '',
    },

    methods: {
      sendMessage() {
        if (this.newMessage.trim()) {
          connection.send(JSON.stringify({
            text: this.newMessage,
            user: 'Me',
          }))

          this.messages.push('Me: ' + this.newMessage)
          this.newMessage = ''
        }
      }
    }
  })

  connection.onmessage = event => {
    const message = JSON.parse(event.data)
    app.messages.push(message.user + ': ' + message.text)
  }
</script>