我有一个使用Websockets的Laravel应用程序。我已经设置好了所有WebSocket和Pusher配置所需的内容。但是,每当我测试广播通道时,我都会收到如下错误信息:
app.js:58283 WebSocket connection to 'wss://127.0.0.1/app/644a4ac1988060882370?protocol=7&client=js&version=6.0.2&flash=false' failed: Error in connection establishment: net::ERR_CERT_AUTHORITY_INVALID
有时候在重新加载后,我会得到如下错误信息:
app.js:55791 WebSocket connection to 'wss://127.0.0.1/app/644a4ac1988060882370?protocol=7&client=js&version=6.0.2&flash=false' failed: WebSocket is closed before the connection is established.
这是我的配置文件:
broadcasting.php
'pusher' => [
'driver' => 'pusher',
'key' => env('PUSHER_APP_KEY'),
'secret' => env('PUSHER_APP_SECRET'),
'app_id' => env('PUSHER_APP_ID'),
'options' => [
'cluster' => env('PUSHER_APP_CLUSTER'),
'encrypted' => true,
'host' => '127.0.0.1',
'port' => 6001,
'scheme' => 'http',
],
],
websockets.php
'apps' => [
[
'id' => env('PUSHER_APP_ID'),
'name' => env('APP_NAME'),
'key' => env('PUSHER_APP_KEY'),
'secret' => env('PUSHER_APP_SECRET'),
'path' => env('PUSHER_APP_PATH'),
'capacity' => null,
'enable_client_messages' => false,
'enable_statistics' => true,
'verify_peer' => false,
],
],
bootstrap.js
import Echo from "laravel-echo"
window.Pusher = require('pusher-js');
window.Echo = new Echo({
broadcaster: 'pusher',
key: 'xxxxxxxxxxxxxxx',
wsHost: window.location.hostname,
wsPort: 6001,
disableStats: true,
// enabledTransports: ['ws', 'wss']
});
window.Echo.channel('Inventory').listen('InventoryEvent',(e)=>{
console.log(e)
})
web.php
Route::get('/', function () {
broadcast(new InventoryEvent('somedata'));
return view('welcome');
});
库存事件
namespace App\Events;
use Illuminate\Broadcasting\Channel;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Broadcasting\PresenceChannel;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Queue\SerializesModels;
class InventoryEvent implements ShouldBroadcast
{
use Dispatchable, InteractsWithSockets, SerializesModels;
public $somedata;
/**
* Create a new event instance.
*
* @return void
*/
public function __construct($somedata)
{
$this->somedata = $somedata;
}
/**
* Get the channels the event should broadcast on.
*
* @return \Illuminate\Broadcasting\Channel|array
*/
public function broadcastOn()
{
return new Channel('Inventory');
}
}
package.json
"devDependencies": {
"axios": "^0.19",
"bootstrap": "^4.0.0",
"cross-env": "^7.0",
"jquery": "^3.2",
"laravel-mix": "^5.0.1",
"lodash": "^4.17.13",
"popper.js": "^1.12",
"resolve-url-loader": "2.3.1",
"sass": "^1.20.1",
"sass-loader": "7.*",
"vue": "^2.5.17",
"vue-template-compiler": "^2.6.10"
},
"dependencies": {
"admin-lte": "^3.0.4",
"fusioncharts": "^3.15.1-sr.1",
"laravel-echo": "^1.7.0",
"pusher-js": "^6.0.2",
"sweetalert2": "^9.10.9",
"vue-fusioncharts": "^3.0.4",
"vue-moment": "^4.1.0",
"vue-router": "^3.1.6",
"vue-select": "^3.9.5"
}
我已经设置好我的Pusher凭证的环境了。我需要在我的Pusher中配置一些东西才能让它工作吗? 我有另一个使用相同设置的项目,但它可以正常工作,但是这个不能。
options
设置'encrypted' => false
。运行php artisan optimize:clear
,然后再试一次。如果可以的话,我会将其发布为答案,以便您接受它。 - Uzair Riazphp artisan websockets:serve
并尝试连接到您的仪表板,您可以通过** {your_base_app_url}/laravel-websockets **访问它。如果成功连接,您的配置是正确的。我可以从那里进一步指导您。 - Uzair Riazphp artisan queue:work
和websockets:serve
。这将调度你排队的事件。 - Uzair Riaz