Я разрабатываю приложение в реальном времени с Laravel. Поскольку я не хочу использовать Pusher, я пытаюсь заставить работать веб-сокеты с помощью Laravel Echo Server , Redis и Socket.IO. Однако у меня проблема с этим стеком. Клиент (браузер) не может получать данные из событий. Я также использую Intertia и Vue для интерфейса. Также стоит отметить, что я использую Laragon в качестве локальной среды разработки.
Мои .env
, некоторые опущены:
APP_URL=http://malbe.test
BROADCAST_DRIVER=redis
CACHE_DRIVER=file
QUEUE_CONNECTION=redis
SESSION_DRIVER=file
SESSION_LIFETIME=120
MIX_APP_URL = "${APP_URL}"
Мой laravel-echo-server.json
:
{
"authHost": "http://malbe.test",
"authEndpoint": "/broadcasting/auth",
"clients": [
{
"appId": "omitted",
"key": "omitted"
}
],
"database": "redis",
"databaseConfig": {
"redis": {},
"sqlite": {
"databasePath": "/database/laravel-echo-server.sqlite"
}
},
"devMode": true,
"host": null,
"port": "6001",
"protocol": "http",
"socketio": {},
"secureOptions": 67108864,
"sslCertPath": "",
"sslKeyPath": "",
"sslCertChainPath": "",
"sslPassphrase": "",
"subscribers": {
"http": true,
"redis": true
},
"apiOriginAllow": {
"allowCors": true,
"allowOrigin": "http://malbe.test:80",
"allowMethods": "GET, POST",
"allowHeaders": "Origin, Content-Type, X-Auth-Token, X-Requested-With, Accept, Authorization, X-CSRF-TOKEN, X-Socket-Id"
}
}
Моя конфигурация Redis на database.php
:
Примечание. Я использую predis
, потому что я не могу заставить phpredis
работать, даже если я установил dll для расширений PHP.
'redis' => [
// 'client' => env('REDIS_CLIENT', 'phpredis'),
'client' => env('REDIS_CLIENT', 'predis'),
'options' => [
'cluster' => env('REDIS_CLUSTER', 'redis'),
// 'prefix' => env('REDIS_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_database_'),
'prefix' => "",
],
'default' => [
'url' => env('REDIS_URL'),
'host' => env('REDIS_HOST', '127.0.0.1'),
'password' => env('REDIS_PASSWORD', null),
'port' => env('REDIS_PORT', '6379'),
'database' => env('REDIS_DB', '0'),
],
'cache' => [
'url' => env('REDIS_URL'),
'host' => env('REDIS_HOST', '127.0.0.1'),
'password' => env('REDIS_PASSWORD', null),
'port' => env('REDIS_PORT', '6379'),
'database' => env('REDIS_CACHE_DB', '1'),
],
],
Мое событие Laravel:
class SampleEvent implements ShouldBroadcast {
use Dispatchable, InteractsWithSockets, SerializesModels;
public function __construct()
{
//
}
public function broadcastOn() {
return new Channel("my-channel");
}
public function broadcastWith() {
return ["data"=>"Hello"];
}
}
Инициализация моего эха в bootstrap.js
:
import Echo from "laravel-echo";
window.io = require("socket.io-client");
if (typeof window.io !== "undefined") {
window.Echo = new Echo({
broadcaster: "socket.io",
host: process.env.MIX_APP_URL + ":6001"
});
}
На странице Vue, которая подписывается на сервер Echo
export default {
props: ["foo"],
mounted: function () {
window.Echo.channel("my-channel").listen("SampleEvent", (d) => console.info(d));
}
};
С этими 3 запущенными командами:
laravel-echo-server start
npm run watch
php artisan queue:work
Я попытался транслировать событие, используя запрос Tinker и GET.
Route::get("/broadcast", function () {
event(new \App\Events\SampleEvent);
// also tried
// broadcast(new \App\Events\SampleEvent);
});
Обработчик очереди обрабатывает события;
[2020-12-24 11:07:35][n9FKq0n6C6QOKa2f1JBzWcCqgYqLiDvU] Processing: App\Events\SampleEvent
[2020-12-24 11:07:35][n9FKq0n6C6QOKa2f1JBzWcCqgYqLiDvU] Processed: App\Events\SampleEvent
И laravel-echo-server
выводит это всякий раз, когда транслируется событие;
L A R A V E L E C H O S E R V E R
version 1.6.2
⚠ Starting server in DEV mode...
✔ Running at localhost on port 6001
✔ Channels are ready.
✔ Listening for http events...
✔ Listening for redis events...
Server ready!
Channel: my-channel
Event: App\Events\SampleEvent
Клиент не показывает никаких ошибок. Вот посмотрите на его вкладку «Сеть» в консоли разработчика:
И когда я закрыл laravel-echo-server
, когда клиент все еще открыт, эта ошибка возникает каждую секунду:
Извините за длинный вопрос, мне просто нужно было показать всю свою конфигурацию, чтобы я мог помочь вам помочь мне с этой проблемой. Может ли кто-нибудь указать мне правильное решение? Спасибо!
Я думаю, что ваш код конфигурации правильный. Вы можете увидеть свою конфигурацию package.json
в vue:
"socket.io-client": "^2.4.0",
Если ваш "socket.io-client"
— это >=3
, вам лучше заменить его на 2.4.0
. и запустите:
sudo cnpm i [email protected]
Я потратил две недели на этот вопрос... большое спасибо! это из-за требуемого безопасного соединения?
В моем случае последняя версия engine.io вообще не работала с Laravel. Вы можете определить это по параметру EIO
в URL-адресе. После того, как я перешел на версию клиента 2.4, параметр EIO
изменился с 4 на 3, и все заработало, как и ожидалось.
СПАСИБО! Я потратил слишком много часов, пытаясь разобраться в этом.
npm install [email protected]
или используйте npm i [email protected]
для установки
@Token-Yan У меня есть сомнения, почему он не работает с последней версией socket.io-client v4.4.1. Сначала я установил последнюю версию, но она не работает, затем я вижу ваш ответ и попробовал с socket.io-client v2.4.0, после чего он отлично работает. какова точная причина, вы можете мне объяснить?
У меня такая же проблема в React Native, но вы спасли меня от разочарования, с которым я боролся уже более недели.
Echo не поддерживает и не планирует поддерживать Socket IO >= v3 больше информации здесь: https://github.com/laravel/echo/issues/290
у меня точно такая же проблема