我尝试了很多解决方案,但没有一个适合我
我已经安装了 Laravel echo 和 Pusher js 以及 Pusher/Pusher
#bootstrap.js
import Echo from 'laravel-echo';
window.Pusher = require('pusher-js');
window.Echo = new Echo({
broadcaster: 'pusher',
key: process.env.MIX_PUSHER_APP_KEY,
cluster: process.env.MIX_PUSHER_APP_CLUSTER,
encrypted: true,
});
#.env
BROADCAST_DRIVER=pusher
PUSHER_APP_ID=my_id
PUSHER_APP_KEY=my_key
PUSHER_APP_SECRET=my_secret
PUSHER_APP_CLUSTER=eu
我的事件文件NewMessage
class NewMessage implements ShouldBroadcast
{
use Dispatchable, InteractsWithSockets, SerializesModels;
public $message;
/**
* Create a new event instance.
*
* @return void
*/
public function __construct(Message $message)
{
$this->message = $message;
}
/**
* Get the channels the event should broadcast on.
*
* @return \Illuminate\Broadcasting\Channel|array
*/
public function broadcastOn()
{
return new PrivateChannel('messages.'. $this->message->to);
}
public function broadcastWith()
{
return ["message" => $this->message];
}
}
频道.php
Broadcast::channel('messages.{id}', function ($user, $id) {
return $user->id === (int) $id;
});
Vue 应用程序 JS 代码
mounted(){
Echo.private(`messages${this.user.id}`)
.listen('NewMessage', (e) => {
this.handleIncoming(e.message)
});
},
methods:{
saveNewMessage(msg){
this.messages.push(msg);
},
handleIncoming(message){
if(this.selectedContact && message.from == this.selectedContact.id ){
this.saveNewMessage(message);
return;
}
alert(message.text);
}
}
API.php
Route::post('/conversation/send', 'Api\ContactController@sendNewMessage');
接触控制器
public function sendNewMessage(Request $request)
{
$message = Message::create([
'from' => $request->sender_id,
'to' => $request->receiver_id,
'text' => $request->text
]);
broadcast(new NewMessage($message));
return response()->json($message);
}
我还阅读了官方文档,一切顺利,但我不明白为什么,这是一个抛出错误。有什么想法吗?
我明白为什么每次都显示身份验证被禁止或不显示身份验证
解决方案: 您需要仔细检查您的 PUSHER_APP_KEY 因为如果设置不正确,则会出现错误,因为我们的流未与推送器连接
PUSHER_APP_KEY="PUT KEY HERE"
如果您非常确定您的应用程序密钥是正确的,请转到“网络”选项卡并单击您的推送器应用程序密钥,例如 e70ewesdsdssew0 如果显示的结果是这样的
{"event":"pusher:connection_established","data":"{\"socket_id\":\"131139.31305364\",\"activity_timeout\":120}"}
您的 API 密钥很好 如果不正确,它将显示这样的错误
{"event":"pusher:error","data":{"code":4001,"message":"App key 3fdsfdfsdfsd not in this cluster. Did you forget to specify the cluster?"}}
另外,不要忘记放置集群密钥
PUSHER_APP_CLUSTER=eu
可能您有不止一名警卫。如果是,您需要在
Broadcast::routes()
中的 BroadcastServiceProvider
中指定您的防护身份验证中间件,如下所示:
Broadcast::routes(['middleware' => ['auth:admin']]);