问题标签 [pusher-js]

在 Laravel 中使用 Pusher-js 并将其显示在调试控制台上时遇到了麻烦。Pusher 连接成功，但在调试控制台上没有看到任何事件。我的凭据是正确的，它在几个小时前显示了一些东西，但从那时起就没有再次响应，如果我没有进行配置，我会有点困惑

广播.js

Boostrap.js

Websocket.js

包.json | devDependencies 和依赖关系

我正在学习 Vue2，目前，我有一个使用 Laravel、Vue2、Laravel Echo、Sanctum 和 Websockets 包的简单样板，所有这些都使用 Laravel 默认的 Echo 设置。那里一切正常。

现在我正在尝试解耦事物，所以我创建了相同的样板，但作为 Vue SPA 并使用 Laravel Passport（我有我的理由将事物解耦并使用 Passport）。那里一切正常，包括我添加的时间线，但不是实时的东西。

我需要在几个地方通过 Echo 事件传递用户 ID，所以我在 main.js 中创建了一个全局用户对象，如下所示（我正在使用命名空间模块）：

但是每次我尝试将用户 id 传递给事件时，id 都是未定义的，因此 Pusher 无法验证通道。虽然如果我从任何组件中控制台记录用户，我可以看到带有 id 的用户对象。我还可以在 Websockets 仪表板中看到该事件。所以一切正常，除了传递 id。如果我这样做：

结果是这样的：

我还尝试了其他语法，例如：

我很难确定我缺少什么才能通过 id。

我是 Laravel Mix 前端框架的新手我只想知道如何将 Laravel Echo 与 Laravel Mix 一起使用。我正在使用 Laravel 数据库通知，我想向用户实时显示它们。

通知工作正常，我也可以将其列出给用户。为了实时显示它们，我正在使用 Pusher，它集成得很好。我已经通过调试控制台发送一些事件进行了测试。在我的项目中，我找不到 bootstrap.js 文件来放置以下代码：

在 app.js 文件中，我想在下面放置代码以实时收听通知：

我正在使用 Laravel 7.30.0 版本。在我的项目中，我没有资产文件夹。结构如下：

在 app.js 中，我尝试编写上面的代码，但它抛出了以下错误：

未捕获的语法错误：无法在模块外使用 import 语句

如何在 Laravel Mix 中使用 Laravel Echo？我之前没有使用 Laravel Mix 的经验。

我正在为我的 ReactJS Web 应用程序构建通知组件，并且我正在使用 Pusher Beams，我不理解本教程中的第 2 步，谁能解释如何“从您网站的根目录提供此文件”？

我有一个 React Web 应用程序订阅了一个 Pusher 通道，该通道接收由 API 触发的事件 - 在这种情况下，一切正常。但是，我现在想从 React Web 应用程序本身而不是 API 触发事件，并且我通过状态通道来执行此操作，因为我曾经收到警告说只允许在私有或状态通道上。但是，当我从 React Web 应用程序触发事件时，什么都没有发生。而且我在仪表板上看不到正在订阅的频道。

AccountPage.js

• 首先渲染，创建推送器实例并订阅频道。通道被分配给 refs 以确保在钩子之外访问
• 一旦 ref 有一个值，即订阅频道，触发client-video-10-mins事件

什么都没有发生 - 没有错误。Pusher 仪表板未显示频道的订阅事件，并且我在浏览器上看不到警报“测试”。

我哪里错了？？

***更新***

来自开发控制台的屏幕截图：

从我的 API 验证函数（使用用户的硬编码值进行测试）：

我用来pusher-js从后端接收数据。

我这样配置它useEffect：

在.bind方法的回调中，我想访问反应状态。问题是，如果它得到更新，这个回调仍然是旧版本。

如何在此回调中访问新的更新状态？提前致谢

我正在尝试使用 pusher 和 MongoDB 实现聊天功能。

我复制了从推送器创建我的应用程序后生成的appId、key和直接。secretcluster

我住在印度，所以我猜 ap2 集群也是正确的。

这是我的触发请求：

我的控制台日志正确显示了更改，但我的 Pusher 调试控制台没有显示任何内容：

我的调试控制台截图图像

感谢您提前提供任何帮助

我尝试了很多解决方案，但没有一个适合我

我已经安装了 Laravel echo 和 pusher js 和 Pusher/Pusher

#bootstrap.js

#.env

我的事件文件 NewMessage

频道.php

Vue 应用 JS 代码

api.php

联系控制器

我还阅读了官方文档，一切都很好，但我不明白为什么，这是一个抛出错误。有什么想法吗？

我正在使用 jquery 和 pusher 和 laravel 开发聊天。在从一侧单击对话时，我会调用一个函数，该函数appendRealTimeMessage()开始收听该对话中的消息。但问题是如果用户点击它两次它会听两次并且函数会附加两次消息

这是功能

我如何通过附加两次来阻止它？

我正在创建一个简单的投票应用程序，客户端可以在其中从 HTML 选择下拉列表中进行选择并选择一个选项，然后通过触发 POST 请求以将选择保存在数据库中的表单提交。然后在前端更新。

目前没有实施身份验证，但如果需要，我可能会进行此操作。

我主要担心的是有人投票次数太荒谬，以及只能投票一次的公平性。

现在我刚刚在客户端投票时添加了本地存储，所以当应用程序重新呈现时，选择被禁用，显然这不是一个可靠的解决方案，因为他们可以清除这个/使用另一个设备。

我以前从未构建过投票应用程序，所以我在这种情况下没有经验，我很好奇这种情况的最佳解决方案是什么。这不是一个严肃的应用程序，但如果可能的话，我想以比使用本地存储更好的方式解决这个问题。

POST 请求