Communication de données en temps réel à l'aide de PHP et SignalR-tutoriel php-php.cn

Communication de données en temps réel à l'aide de PHP et SignalR

王林

Libérer： 2023-06-28 09:58:01

original

1415 Les gens l'ont consulté

Avec le développement rapide de l'Internet mobile, la communication en temps réel est progressivement devenue un besoin très important. Dans la communication en temps réel, l'exigence la plus fondamentale est la communication de données en temps réel, qui nécessite que le serveur soit capable d'envoyer des données au client en temps réel et d'interagir en temps réel.

PHP et SignalR sont deux outils très puissants lorsqu'il s'agit de réaliser une communication de données en temps réel. PHP est un langage de développement très populaire qui peut être utilisé pour écrire du code côté serveur, tandis que SignalR est un framework de communication en temps réel qui peut être utilisé pour implémenter une communication de données en temps réel.

Dans cet article, nous présenterons en détail comment utiliser PHP et SignalR pour réaliser une communication de données en temps réel. Nous présenterons d'abord les concepts de base et les principes de fonctionnement de SignalR, puis expliquerons comment utiliser PHP et SignalR pour créer le serveur et le client pour la communication de données en temps réel. Enfin, nous utiliserons un exemple pour démontrer comment utiliser PHP et SignalR pour réaliser une communication de données en temps réel.

1. Les concepts de base et les principes de fonctionnement de SignalR

SignalR est un cadre de communication en temps réel qui peut être utilisé pour réaliser une communication de données en temps réel. Il est basé sur des WebSockets, des interrogations longues, des événements envoyés par le serveur (SSE) et d'autres technologies, et peut effectuer une communication de données en temps réel sur différents navigateurs et systèmes d'exploitation.

SignalR fonctionne très simplement. Lorsque le client établit une connexion avec le serveur, SignalR sélectionnera automatiquement la méthode de communication la plus adaptée (WebSockets, long polling, SSE, etc.) et établira une connexion persistante entre le serveur et le client. Lorsque le serveur dispose de nouvelles données qui doivent être transmises au client, SignalR enverra automatiquement les données au client et déclenchera les événements correspondants sur le client afin que le client puisse traiter les données.

2. Utilisez PHP et SignalR pour créer le serveur et le client pour la communication de données en temps réel

Pour utiliser PHP et SignalR pour créer le serveur et le client pour la communication de données en temps réel, nous devons d'abord installer la bibliothèque PHP SignalR. Vous pouvez installer la bibliothèque PHP de SignalR en utilisant Composer. Les étapes spécifiques sont les suivantes :

Installer Composer

Tout d'abord, nous devons installer Composer. Composer peut être installé en ligne de commande avec la commande suivante :

curl -sS https://getcomposer.org/installer | php

Installer la bibliothèque PHP de SignalR

Utilisez la commande suivante pour installer la bibliothèque PHP de SignalR dans le ligne de commande ：

composer require signalwire/signalwire

Après avoir installé la bibliothèque PHP SignalR, nous pouvons commencer à écrire du code serveur et client.

Le code côté serveur est le suivant :

<?php
require __DIR__ . '/vendor/autoload.php';

use SignalWireRestClient;
use SignalWireRelayStreamRoom;

$client = new Client('YOUR_PROJECT_ID', 'YOUR_AUTH_TOKEN');
$room = new Room($client, 'YOUR_ROOM_ID');

$room->on('data', function ($data) use ($room) {
    // 处理接收到的数据
});

$room->join();

Copier après la connexion

Dans le code ci-dessus, nous créons d'abord une instance client côté serveur à l'aide de la bibliothèque PHP de SignalR. Ensuite, nous avons enregistré une fonction de rappel dans l'instance client qui gère l'événement "data". Lorsque le client recevra les données envoyées par le serveur, la fonction de rappel sera automatiquement appelée. Enfin, nous rejoignons le client dans la salle SignalR en appelant la méthode join().

Le code côté client ressemble à ceci :

<!doctype html>
<html>
<head>
    <title>SignalR Example</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@signalwire/js@0.14.2/dist/signalwire.min.js"></script>
</head>
<body>

<script>
const signalwire = new window.SignalWire.WebSocketEngine({
    host: 'relay.signalwire.com',
    project: 'YOUR_PROJECT_ID',
    token: 'YOUR_AUTH_TOKEN',
    room: 'YOUR_ROOM_ID',
});

signalwire.on('ready', () => {
    // 客户端连接成功后的处理
});

signalwire.on('open', () => {
    // 客户端打开连接后的处理
});

signalwire.on('data', (data) => {
    // 处理接收到的数据
});
</script>

</body>
</html>

Copier après la connexion

Dans le code ci-dessus, nous créons d'abord une instance WebSocketEngine côté client via la bibliothèque JavaScript de SignalR. Nous avons ensuite enregistré certaines fonctions de rappel d'événements sur l'instance WebSocketEngine pour gérer divers événements. Enfin, nous pouvons envoyer des données au serveur via l'instance WebSocketEngine.

3. Exemple de démonstration

Afin de démontrer comment utiliser PHP et SignalR pour réaliser une communication de données en temps réel, nous pouvons prendre un salon de discussion comme exemple. Dans cette salle de discussion, les utilisateurs peuvent saisir des messages texte sur le client, puis le serveur transmettra ces messages à d'autres clients en temps réel pour une interaction en temps réel.

Pour une implémentation de code spécifique, veuillez vous référer à l'exemple suivant :

// server.php
<?php
require __DIR__ . '/vendor/autoload.php';

use SignalWireRestClient;
use SignalWireRelayStreamRoom;

$client = new Client('YOUR_PROJECT_ID', 'YOUR_AUTH_TOKEN');
$room = new Room($client, 'YOUR_ROOM_ID');

$room->on('data', function ($data) use ($room) {
    foreach ($room->clients as $client) {
        $client->send($data);
    }
});

$room->join();

Copier après la connexion

<!-- index.html -->
<!doctype html>
<html>
<head>
    <title>SignalR Example</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@signalwire/js@0.14.2/dist/signalwire.min.js"></script>
</head>
<body>

<div>
    <input type="text" id="input" />
    <button id="send">Send</button>
</div>

<div id="messages"></div>

<script>
const signalwire = new window.SignalWire.WebSocketEngine({
    host: 'relay.signalwire.com',
    project: 'YOUR_PROJECT_ID',
    token: 'YOUR_AUTH_TOKEN',
    room: 'YOUR_ROOM_ID',
});

signalwire.on('ready', () => {
    console.log('Connected to the server.');
});

signalwire.on('open', () => {
    console.log('Connection opened.');
});

signalwire.on('data', (data) => {
    $('#messages').append('<p>' + data + '</p>');
});

$('#send').on('click', () => {
    const message = $('#input').val();
    signalwire.send(message);
    $('#input').val('');
});
</script>

</body>
</html>

Copier après la connexion

Dans le code ci-dessus, nous créons d'abord une salle SignalR sur le serveur Lorsque le client se connecte au serveur, il rejoindra cette salle. Lorsqu'un des clients envoie un message, le serveur envoie ce message aux autres clients pour établir une communication en temps réel.

Dans le client, nous avons créé une zone de saisie de texte et un bouton "Envoyer". Lorsque l'utilisateur saisit du texte dans la zone de saisie de texte et clique sur le bouton "Envoyer", le texte sera envoyé au serveur, puis au serveur. enverra ce texte à d'autres clients pour une communication en temps réel.

Résumé

Il est très simple de mettre en œuvre une communication de données en temps réel à l'aide de PHP et SignalR. Il vous suffit d'utiliser la bibliothèque PHP et la bibliothèque JavaScript de SignalR. Lors de la mise en œuvre de la communication de données en temps réel, nous pouvons réaliser la connexion entre les clients via la salle de SignalR et utiliser les événements et les fonctions de rappel de SignalR pour gérer l'interaction entre le serveur et le client.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!