问题标签 [pusher-js]

使用 Laravel (v5.7) 我试图让广播与 Pusher 和 Vue 一起工作。

该应用程序就像一个聊天。当私聊有消息发送时，调用如下函数： broadcast(new NewChat($message));

这是“NewChat”事件：

有channels.php：

它将所有内容发送给 Pusher：

但我不知道如何正确地用 Vue 监听事件并更新它。我在 boostrap.js 中添加了以下内容（全部用 Vue 应用程序编写）：

在示例中，我将数字 1 硬编码为专用频道，因为这与屏幕截图中的频道相同。

我错过了什么？我多次重新阅读文档页面并尝试按照教程查看我是否跳过了一些小的但不知道的内容。有人看到我错过了什么吗？

我试图让 laravel echo 在我的应用程序中工作，在检查了代码中的每个角落后，我没有找到导致引用错误的可能问题。显然，通过导入我检查过的 Echo 是一个问题。
我给你看我的代码：

在 bootstrap.js 文件中，我有以下代码

我已经按照 laravel 站点中显示的每一个步骤
做了 composer require pusher/pusher-php-server "~3.0"
我检查了所有推送数据（app_id、key、secret、cluster）
我已经安装了 pusher-js 和 laravel -echo 通过执行 npm install --save laravel-echo pusher-js
我执行 npm run dev

我在 laravel 中的事件类看起来像这样

还有我的控制器

当我进入页面并检查控制台时，我看到以下消息：
在此处输入图像描述

老实说，我不知道还要检查什么。我知道这有一个非常困难的诊断，但我希望你们中的任何人都可以通过给我一个线索来提供帮助。我会非常感激的。

关于 engrhussainahmad 的评论，我附上了您可以在我的 public/js/app.js 中找到的片段，从我的角度来看，它表明 bootstrap.js 代码已正确编译为 ES5

我试图在反应应用程序中连接到推送器，但我不断收到错误 net::ERR_BLOCKED_BY_CLIENT。我已经查看了错误及其通常与附加组件相关联，但我尝试删除所有我的谷歌浏览器附加组件，但它仍然无法正常工作。

我像这样连接到推送器：

我已经在 Mozilla 和 Chrome 上进行了测试，但 Mozilla 浏览器没有错误

我正在尝试使用 echo-laravel 为 pusher:subscription_error 添加回调。客户端在反应中完成。广播者是 Pusher，我订阅了这样的频道：

我试图让失败的订阅回调工作，这样我就可以触发令牌刷新。我将如何捕捉订阅错误？我在文档或其他地方找不到任何东西。

我在 laravel 中使用 laravel pusher 实现 socket.io，我还在npm install --save laravel-echo pusher-js前端安装了 laravel-echo 和 pusher-js。但是当我尝试执行以下代码时出现错误，

请帮我解决这个问题。

我正在使用 Vue SPA 和 Laravel。我已经用谷歌搜索了几个小时并尝试了很多东西，但我找不到让它工作的方法。

在index.html我有

这是我的订阅方法：

我收到 419 错误消息：“由于不活动而过期。请刷新并重试。 ”

如果您没有注意到那里，我正在尝试收听私人频道。

使用本教程Pusher进行基于 ionic 的实时投票应用程序。单击提交投票后，它不会显示任何内容。

离子端口：8100，服务器端口：4000

可能是因为端口不同导致的？

更新 刚刚意识到它已被 CORS 政策阻止。

代码

使用私人频道时，我无法让回声和推送器工作，谷歌搜索了两天并找到了 nada。

似乎发生的事情是身份验证存在某种问题（我使用的是 Laravel 基本身份验证），因为我可以订阅公共频道

路由/channels.php

引导程序.js

default.blade.php（主布局）

在控制台上打印的是：

这是一个非常普遍的错误，然后出于调试目的，我尝试使用 Pusher 绑定错误（不是 laravel echo）

console.log(data) 输出

默认的 authEndPoint 是 /broadcasting/auth IIRC 我认为它希望返回 JSON，但它会从我的页面返回 HTML 代码。

这些路由是由框架本身创建的，从我读到的 Laravel echo 和 Laravel Auth 应该可以很好地协同工作，而不需要太多的摆弄。

我的 .env 文件是正确的，我正在使用 pusher 作为广播驱动程序，并且 BroadcastServiceProvider 已正确取消注释。

任何人都可以阐明这件事吗？谢谢

我目前正在使用 Pusher 通道在一些 IoT 传感器和移动应用程序之间进行双向通信。

我已经能够使用 Arduino 库和我的 React Native 应用程序让 Pusher 在 IoT 节点上工作。

但是，我遇到了一些障碍。由于内存限制，我的 IoT 传感器无法生成 JSON 有效负载和数组（它们以 30 秒的间隔广播 30 个读数的批次）。每次读取最多可以有 60 个字符的长度未处理，并且每 30 秒发送的完整有效负载至少为 1800 字节，然后是标头数据（传感器上下文的身份验证令牌和会话数据）。

我不想在我的 React Native 应用程序上解析这个十六进制数据（因为一些来自专有传感器，协议不能被泄露）所以需要它在我的 ExpressJS API 上发生（当前处理身份验证和历史数据检索）之前它进入 Pusher 并 ping React Native 应用程序。

我的问题：

1. 如果传感器向我的 Express API 发出 POST 请求，其中路由执行从十六进制到漂亮 JSON 的处理（带有全文值！） - 我可以使用 Pusher 客户端将此数据获取到正确的通道吗？而不是让传感器直接与 Pusher 对话？
2. 有没有办法通过我的 API 桥接 Pusher 服务，以便 React Native 应用程序“指向”我的 API 进行更新，而不是直接指向 Pusher？

这是我正在尝试实现的架构 - 希望那些有 Pusher 经验的人可以告诉我这是否可能：

我看过“pusher-http-node”服务器库，但没有具体说明为什么要使用它。

真的希望我不需要走 MQTT 路线并拥有自己的微服务（考虑到成本和可扩展性问题，我想避免这种情况）。

我正在为一个拥有本地网络且服务器无法访问互联网的组织开展项目。我是 Vue 和实时事件的新手。那么有没有办法离线使用 pusher 或 socket.io 等服务呢？有这个包“tristandunn/pusher-fake”这个包能做吗？非常感谢