问题标签 [pusher-js]

我知道我们可以像这样绑定推送事件

但是当组件卸载时我找不到任何方法来解除绑定。有没有办法像这样解绑它

我已经使用 laravel-echo成功配置了 laravel-websockets 。我已经能够使用命令启动服务器php artisan websocket:serve。我的应用程序能够从浏览器连接和验证，但是广播事件没有记录在我的控制台中。每当我从服务器发送事件时，我的浏览器都不会收到它。

这是我的活动：

这是我的广播服务提供商：

我的广播配置文件：

我的 websockets 配置文件：

我初始化 laravel echo 的 bootstrap.js 文件：

我在其中收听频道和事件的 app.js 文件：

我的路线/频道文件：

这就是我知道我的浏览器能够连接到 websocket 服务器的方式：

但是，当我尝试从这里发送事件时，我的浏览器中没有记录响应，我的浏览器甚至没有收到该事件：

我的浏览器控制台中没有记录任何错误，没有任何反应，但是在我的终端中，我可以看到该事件是从服务器发送的，但它没有显示客户端收到它的迹象。

浏览器收到的唯一东西是

websockets12345：连接 id 722400884.831426830 收到消息：{"event":"pusher:ping","data":{}}。连接 id 722400884.831426830 发送消息 {"event":"pusher:pong"} Blockquote

我使用 Laravel 作为服务器部分，使用 Vue Cli 作为客户端。我也使用https://docs.beyondco.de/laravel-websockets/ 但是当我尝试将 vue 客户端连接到 laravel websockets 时，控制台日志中出现错误。

这是我在 Vue Cli index.js Echo 选项中的代码

广播服务提供者.php

频道.php

如果删除wsHost然后wsPort没有错误，但没有任何反应，则服务器没有响应。

我正在使用 pusher 在 laravel 和 vuejs 中开发教师和学生聊天系统。因此，当我从文档中读到 laravel 默认情况下对私有和存在通道进行用户身份验证时，所以我的模型都不同，一个是学生，另一个是老师，两者都不是从 Authenticatable 扩展的，所以我所做的是更改 authendpoint 并制作一个新路由并返回推送器 ath:key i,m 成功执行此操作，但现在问题是在返回身份验证响应后 Echo.private 没有调用我的频道

这是我的 Channel.php 文件代码

这是我的聊天应用程序文件代码

这是我在 web.php 中的路线

我正在按照此链接创建一个协作绘图应用程序。我能够运行应用程序，但没有发生协作绘图。我已成功创建PUSHER_APP_ID, PUSHER_KEY, PUSHER_SECRET& 放置在.env.

协同绘图代码 -

如果我在不同的浏览器中点击它，我可以看到不同的用户 ID。但它不会进入下面的循环。

server.js我可以从代码中看到日志-

日志 -

如果我在任何地方做错或遗漏任何东西，任何人都可以帮助/指导。

我正在尝试制作一个 reactjs 应用程序，其中用户一次只能使用相同的用户凭据登录到一台设备。不幸的是，它不起作用。

我正在尝试使用 reactjs 对 laravel 的存在通道进行身份验证，但我得到了 302 响应。

反应：

渠道：

播送：

当我添加这个 ['middleware' => ['auth:web']] 我得到了错误。在我添加之前，我收到了 403 错误。

在 config\app.php 我没有注释App\Providers\BroadcastServiceProvider::class,

是否有任何使用 laravel 和 reactjs 构建的用于存在通道的教程？有谁知道如何通过这个 302 重定向？

我有这个工作：

这向我显示了存在的用户的准确列表。但我想要的是将它们的状态也存储在带有时间戳的数据库中。

所以我想到了这个功能：

并在加入和离开状态下调用该函数。但这并不准确：当只有一个用户在线时，它不会存储值。并且当有 20 个用户下线时，一个用户下线 > 它将存储这个值的 19 倍。

任何提示如何获得更准确的在线离线日志到数据库？

我很难找出为什么我的事件没有在前端（Laravel Echo + Pusher）中“触发”，而我的应用程序是通过 Laravel Vapor 部署的，即使它在本地运行良好。

Pushers 调试控制台实际上显示事件实际上是由 Laravel 应用程序分派给 Pusher 的。

由于我几乎浪费了大约半天的时间来找出问题所在（幸运的是，我看到我的消息在我的本地环境中实时显示，而不是在登台发布内容后进行登台），我想我会再花 10 天分钟在这里写一篇文章，所以有些人（希望）不需要浪费太多时间。

我正在使用带有 Vue.js 和 Laravel-echo 的 Laravel 7。我已经在我的应用程序中安装了 Laravel Echo 库npm install --save laravel-echo pusher-js，并且根据 laravel 提供的文档在资源/资产/js/bootstrap.js 文件中包含以下代码，并且我require('./bootstrap');在 app.js 和script src="{{ asset('js/app.js') }}"></script>app.blade.php 中也有。但我收到以下错误：

bootstrap.js：

show.blade.php

事件：NewComment.php

.env：

我试图删除 forceTLS: true 但仍然无法正常工作。我试图添加 window.Echo 但我收到其他错误：“TypeError：无法读取未定义的属性‘通道’”

此错误的任何解决方案？！提前感谢您的帮助！

我正在使用带有 Vue.js、Laravel-echo 和 pusher 的 Laravel 7。当我在 vue 中调用一个事件时，我正在接收500 (Internal Server Error)

bootstrap.js：

代码

事件：NewComment.php

路由/channels.php

此错误的任何解决方案？！或我们如何调试并了解有关此错误的更多信息？！提前感谢您的帮助！