问题标签 [pusher-js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3642 浏览

laravel - ubuntu 服务器上的 laravel websockets 和 pusher-js CROS 问题

我将laravel websockets与 echo 和 pusher js 一起使用。这是我的代码:
bootstrap.js:

广播.php:

websockets.php

一切都在本地主机上正常运行。但是当我尝试在服务器上运行它时,我在回声侦听器页面控制台上收到此错误消息:(ubuntu server + ssl)

每3秒重复一次!你有解决这个问题的想法吗?!:(

0 投票
1 回答
378 浏览

php - 与 Laravel Echo 连接超时后关闭支持聊天

我正在构建一个支持聊天应用程序。它通过 Pusher.js 在 Laravel Echo 上构建。

有两个方面 - 支持/管理员和客户端。当客户开始聊天时,支持人员可以接受它并且他们可以一起聊天。它按应有的方式工作,但有一件事。当客户端离线(关闭浏览器、离开网站、失去互联网连接......)它应该等待大约几秒钟(以确保它不是错误)然后关闭聊天。因此,当他大约一个小时后回来时,不会有任何活跃的聊天。

我正在使用简单的代码通过在线状态通道检查双方的在线状态:

在支持方面它有点不同,但仍然是相同的逻辑(也不要担心 - 用户id不是来自数据库,而是唯一的 md5 标识符) id

存在通道运行良好。但是我在互联网上找不到任何地方,如何设置connection_timeoutURL?我只是认为它可能是 URL,当用户离线或连接丢失时,Pusher.js 将在其中发布一些数据 -id例如我的自定义字段。正如我在开始时指出的那样,当用户错误地离线时,它应该有一些“冷却时间”。当用户无法回复时,这将有助于关闭聊天。

你有遇到类似问题的经验吗?如果是这样,您是如何解决的?或者 - 甚至可以用 Pusher.js 解决它吗?

0 投票
1 回答
974 浏览

laravel - Laravel Echo 未收听通知

我正在尝试使用 laravel echo 获取通知,但它不起作用。我可以在推送器调试控制台上看到所有通知,但在浏览器控制台上看不到。浏览器控制台中没有显示错误。

应用程序.js

BidOnAuction.php

我试过这个答案,但它不工作

Laravel Echo 不听

我想在 laravel 前端收到通知

0 投票
0 回答
188 浏览

laravel-5 - 子目录中的 Laravel websocket

请你帮帮我。

我的文件方案是:

执行命令时:

在控制台中抛出以下消息

我的 bootstrap.js

在浏览器中

0 投票
1 回答
2984 浏览

php - Laravel Echo + VueJS 广播/认证问题

我使用 Laravel Echo 和 pusher 作为我的服务器。它已经在公共渠道上工作。

这是我的 laravel 回声监听器图片链接的照片

现在我的问题是当我使用 PrivateChannel 时,当我在私人频道中收听时,会弹出此错误:

POST http://localhost:3000/broadcasting/auth 500(内部服务器错误)

在控制台/网络选项卡中的错误内显示未定义路由 [登录]。

这是控制台/网络中的图像https://i.stack.imgur.com/fnAGp.png

我做过的事情:

- config/app.php 中未注释的 App\Providers\BroadcastServiceProvider::class

-添加广播::路由(['middleware' => ['auth:api']]); 在 BroadcastServiceProvider.php

- 使用 Echo.private('channel-name') 而不是 Echo.channel('channel-name') 来收听私人频道

- 添加 authEndpoint : ' http://localhost:3000/broadcasting/auth ' 到 bootstrap.js(这是我的 Echo 选项所在的位置)

- 在我的 channels.php 中添加了一个频道(可能是私人频道)(这是一张照片

-在我的主刀片中添加了 csrf 令牌元标记

在推送服务器中,当它被触发时它会接收到事件,这是 成功触发事件的图片。

所以问题是当我收听私人频道时会弹出错误但收听公共频道时一切正常,而且我不太确定如何评估这个问题。

0 投票
2 回答
257 浏览

javascript - React 道具变化超出预期

我有一个反应应用程序,它在感应到 API 命中时传递给SlotMachine组件(使用 Pusher 进行发布-订阅)。

rotate() 但是,每个 API hit应该只执行一次,正如您在我的输出中看到的那样,它调用rotate() 了多次,并且每次之前 props 都发生了变化。但是道具在控制台中看起来是一样的,并且在第一个之后没有更多的 API 命中(我正在使用 Postman 触发)。

有什么理由让我的道具发生如此大的变化?我对钩子或道具有什么不明白的地方?另外,为什么我的旋转函数会不断被调用,除非在第一次 API 命中之后?

应用程序:

老虎机:

输出:

初始 API 命中(按预期工作,仅触发一次 Rotate()

随后的 API 命中会执行多次旋转调用,并在每次调用之前显示 props 的变化。

0 投票
1 回答
193 浏览

php - 推送器未触发事件不起作用 Laravel

我正在尝试触发推送事件,但它不起作用。

并将事件称为

我不知道怎么了。你能帮忙吗?

我检查了推杆上的错误。它没有任何错误。你能帮忙吗?

0 投票
4 回答
2899 浏览

reactjs - SecurityError:操作不安全 - React Heroku

我正在尝试部署使用 create-react-app 创建的应用程序。它在本地工作得很好。但是在 Heroku 上部署时,会显示以下错误:

SecurityError: The operation is insecure.

我正在使用 Pusher 库制作一个反应式记事本,但我看不到如何在 heroku 上正确部署它。我在 Firefox、chrome 和 edge 上试过,但似乎没有用。

它表明问题出在 /app/webpack/bootstrap 中。

0 投票
0 回答
169 浏览

laravel - Laravel + Vue.js 广播回声连接属性未定义

我正在使用带有 laravel 和 vue.js 的频道广播,以便让所有用户在线和离线。我已经根据 laravel 文档正确安装了包并配置了推送器参数。

在我的 vue 组件中,我编写了以下内容以查看相关频道上的在线用户:

但我收到以下错误:
创建钩子时出错:“TypeError:window.Echo 未定义”“

Boostrap.js

0 投票
1 回答
1536 浏览

php - Laravel Web-sockets 和 Chrome `SameSite` 属性

因此,关于这个 sameSite 业务存在很多问题,但是在涉及Laravel Websockets时我找不到任何答案。他们的文档中没有关于此的内容。

所以我想我会在这里问一下,看看你们有没有什么想法。

考虑以下配置:

根据他们的文档,他们使用 pusher 库 - 但没有迹象表明它实际上会访问 pusher 网站。而且我不需要任何推送凭据,因为这些都是伪造的。

问题很简单:

与http://support.pusher.com/上的跨站点资源关联的 cookie设置为没有该SameSite属性。SameSite=None未来版本的 Chrome 将仅在使用和设置时提供带有跨站点请求的 cookie Secure。您可以在 Application>Storage>Cookies 下的开发人员工具中查看 cookie,并在https://www.chromestatus.com/feature/5088147346030592https://www.chromestatus.com/feature/5633521622188032查看更多详细信息。

这是整个堆栈溢出。

disableSats虽然是的,但 websockets 仍然可以正常运行,但最终 chrome 会像“不”一样。所以我不知道这是推送者发行者,laravel websockets 问题还是什么。

有人对我可以做什么或尝试做什么有任何想法吗?我已经尝试forceTLS: true在上面的配置中进行设置,这似乎有效 - 但是网络套接字将无法连接。

我担心有一天我的应用程序会停止工作,因为我们依赖 websockets 来提供很多功能,这是目前最简单、最好的库之一,不需要数天的研究和设置。