【发布时间】:2018-03-16 02:34:39
【问题描述】:
我已经在这几个小时了,我想不通。所以我使用 Laravel 5.5 而我的 PHP 版本是 7。现在我的项目已经完成,但我想在用户之间添加实时通信。我试图测试一些东西,但它只是行不通。我的本地开发环境在 MAC 上,我正在使用 Laravel Valet 为我的网站提供服务。
我遵循了这个教程:Tutorial
首先我安装了 Redis 和 Socket.io,如下所示
$ composer require predis/predis
$ npm install express ioredis socket.io --save
然后我使用brew安装了redis服务器然后启动它
redis-server --port 3001
现在我按如下方式创建了我的事件 (App\Events\NewUserSignup):
<?php
namespace App\Events;
use Illuminate\Broadcasting\Channel;
use Illuminate\Queue\SerializesModels;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Broadcasting\PresenceChannel;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
class NewUserSignup implements ShouldBroadcast
{
use Dispatchable, InteractsWithSockets, SerializesModels;
public $username;
/**
* Create a new event instance.
*
* @return void
*/
public function __construct($username)
{
//
$this->username = $username;
}
/**
* Get the channels the event should broadcast on.
*
* @return \Illuminate\Broadcasting\Channel|array
*/
public function broadcastOn()
{
\Log::info('Event fired');
return new Channel('test-channel');
}
}
然后我在根目录中创建了我的 Socket.js (Root) 文件,如下所示:
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
var Redis = require('ioredis');
var redis = new Redis();
redis.subscribe('test-channel', function(err, count) {
});
redis.on('message', function(channel, message) {
console.log('Message Recieved: ' + message);
message = JSON.parse(message);
io.emit(channel + ':' + message.event, message.data);
});
http.listen(3000, function(){
console.log('Listening on Port 3000');
});
然后我在我的 web.php 文件中添加两条这样的新路由:
Route::get('/broadcasting/fire', function(){
event(new App\Events\NewUserSignup("james"));
return "Event fired";
});
Route::get('/broadcasting/test', function(){
return view('broadcasting_test');
});
然后我的观点(Resources\views\broadcasting_test)如下:
<meta name="csrf-token" content="{{ csrf_token() }}">
<div class="container">
<h1 id="addition">0</h1>
</div>
<script src="{{ asset('js/jquery.js') }}" type="application/javascript" language="JavaScript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.slim.js"></script>
<script>
var socket = io('http://localhost:3000');
socket.on("test-channel:App\\Events\\NewUserSignup", function(message) {
console.log('here');
$('#addition').text(parseInt($('#addition').text()) + parseInt(message.data.addition));
});
</script>
所以我遵循了我应该做的一切。我开始了每一步,甚至使用
node socket.js
然后我启动了 redis 服务器,但是每当我重新启动触发页面时,什么都没有发生!我的终端没有任何变化,什么都没有。我做错了什么?
【问题讨论】: