Comment utiliser laravel-echo-server pour créer une plateforme de diffusion d'événements

Cet article vous présente l'article sur l'utilisation de laravel-echo-server pour créer une plate-forme de diffusion d'événements. Il a une bonne valeur de référence et j'espère qu'il pourra aider les amis dans le besoin.

Cet article enregistre le processus d'implémentation des messages de diffusion en arrière-plan de Laravel vers vue frontend rencontré dans les projets précédents. Laravel n'a pas d'implémentation de serveur Socket.IO intégrée, mais il existe un pilote Socket.IO implémenté par un tiers : laravel-echo-server, qui équivaut à un middleware (points techniques) : laravel + laravel-echo-server ; + vue/ laravel-echo

Architecture globale

1. introduction, veuillez consulter : https ://github.com/tlaverdure...

1.1

laravel-echo-server① Installer laravel-echo-server globalement :

② Entrez le projet laravel dans la console et exécutez la commande : npm install laravel-echo-server -g
laravel-echo-server init

Il y aura un autre , qui contient toutes les informations de configuration ③ Démarrez le service en exécutant la
ligne de commande laravel-echo-server.json
1.2 laravel-echo-server startDéploiement indépendant du serveur ;

Nous avons constaté qu'en fait, tant qu'il y a un fichier laravel-echo-server peut démarrer le service, donc évidemment le service peut être déployé indépendamment du projet laravel (vous n'avez pas à vous en préoccuper si ce n'est pas nécessaire).

Le format est le suivant : laravel-echo-server.json
laravel-echo-serverTest avec le facteur :

POST http://app.dev:6001/apps/your-appId/events?auth_key=you-key'

Le test a réussi, le serveur a été construit avec succès

2. le backend laravel laravel-echo-server

comme interface

BroadcastHttpPush.php utiliser :

<?php namespace App\HelpTrait;

use GuzzleHttp\Client;

trait BroadcastHttpPush
{
    public function push($data)
    {
        $baseUrl = env(&#39;WEBSOCKET_BASEURL&#39;, &#39;http://localhost:6001/&#39;);
        $appId = env(&#39;WEBSOCKET_APPID&#39;, &#39;3ccfbd93b5e2906a&#39;);
        $key = env(&#39;WEBSOCKET_KEY&#39;, &#39;6509c546c053d59057a61e46ae9a7898&#39;);
        $httpUrl = $baseUrl . &#39;apps/&#39; . $appId . &#39;/events?auth_key=&#39; . $key;
      
        $client = new Client([
            &#39;base_uri&#39; => $httpUrl,
            'timeout' => 2.0,
        ]);
        $response = $client->post($httpUrl, [
            'json' => $data
        ]);
        $code = $response->getStatusCode();
    }
}

3. Vue front-end

<?php namespace App\Controllers;

use App\HelpTrait\BroadcastHttpPush;

class SendMessage
{
    use BroadcastHttpPush;
    
    public function index()
    {
        $broadcastChannel = array(
            "channel" => "private-Message",   // 通道名，`private-`表示私有
            "name" => "sayHello",    // 事件名
            "data" => array(
                "status" => 200, 
                "message" => "hello world!"
            )
        );
        $this->push($broadcastChannel);
    }
}

UserActionNotification.vue

<template>
  <p>
    
  </p>
</template>

<script>
import Echo from &#39;laravel-echo&#39;
import io from &#39;socket.io-client&#39;
export default {
  mounted() {
    window.io = io
    window.Echo = new Echo({
      broadcaster: &#39;socket.io&#39;,
      host: &#39;http://localhost:6001&#39;,
    })
    window.Echo.private(&#39;Message&#39;).listen(&#39;.sayHello&#39;, (res) => {
       if (res.status === 200) {
         console.log(res.message)
       } else {
         console.log(&#39;something wrong!&#39;)
       }
    })
  }
}
</script>

<style></style>

, sinon l'espace du nom de domaine de l'événement doit être inclus ; 注：sayHelloRecommandations associées : .

Comment Laravel exploite-t-il la base de données ? Trois modes de fonctionnement de la base de données Laravel (code)

Comment créer une réponse dans Laravel 5.5 ? Introduction à la création de réponses (code)

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!