- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用与 Laravel 后端分开托管的 NuxtJS。为了对用户进行身份验证,我使用的是 Laravel Passport。我正在尝试使用 @nuxtjs/laravel-echo
和 pusher-js
为我的网站构建聊天功能。这是来自 beyondcode/laravel-websockets
包的自托管 websocket,与 php artisan websockets:serve
一起运行。作为一个例子,我正在使用这个 repo https://github.com/qirolab/Laravel-WebSockets-Chat-Example .唯一不同的是我使用的是 Laravel-Passport 和 NuxtJS
这是我的 nuxt.config.js
'buildModules` 部分
buildModules: [
...
[
'@nuxtjs/laravel-echo',
{
broadcaster: 'pusher',
key: process.env.MIX_PUSHER_APP_KEY,
cluster: process.env.MIX_PUSHER_APP_CLUSTER,
encrypted: false,
wsHost: process.env.WEBSOCKET_BASE_URL,
wsPort: 6001,
disableStats: true
}
]
],
echo: {
authModule: true,
connectOnLogin: true,
disconnectOnLogout: true
},
我在 Laravel 中的事件(App\Events\ChatMessageSent.php
)如下所示:
<?php
namespace App\Events;
use Illuminate\Broadcasting\Channel;
use Illuminate\Queue\SerializesModels;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Broadcasting\PresenceChannel;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
use App\ChatMessages;
class ChatMessageSent implements ShouldBroadcast
{
use Dispatchable, InteractsWithSockets, SerializesModels;
public $message;
public function __construct(ChatMessages $message)
{
$this->message = $message;
}
public function broadcastOn()
{
return new PrivateChannel('chat.' . $this->message->room->id);
}
}
目前我没有过滤用户,所以我的 channel.php
有这个条目:
.....
Broadcast::channel('chat.{roomId}', function ($user, $roomId) {
return true;
});
事件将被分派(dispatch)为(我现在还没有使用 ..->toOthers()
):
...
broadcast(new ChatMessageSent($message));
...
我的当前用户在我的 NuxtJS 应用程序中经过身份验证,并可通过 this.$auth.user
在我的前端文件中:
mounted:{
const channel = `chat.${this.roomID}`
this.$echo.private(channel).listen('ChatMessageSent', event => {
console.log(
'-------------------- This is happening!! -----------------------'
)
console.log(event)
this.messages.push(event.message)
})
但应用程序在所有 ChatMessageSent
事件上保持完全安静。根本没有控制台日志。如果我将其切换到公共(public) channel ,那么一切正常。我的猜测是身份验证有问题。在 websocket.php
配置文件中,我使用了 api
中间件
*/
'middleware' => [
'api',
Authorize::class,
],
有什么方法可以调试 websocket 上的身份验证过程?
顺便说一句,我在调试控制台中没有看到任何关于身份验证尝试的信息 http://localhost:8000/laravel-websockets
最佳答案
要使上述方法起作用,第一步是(在 Laravel 端)在 config/app.php
App\Providers\BroadcastServiceProvider.php
'providers' => [
...
App\Providers\BroadcastServiceProvider.php,
...
]
然后我们需要稍微调整一下 App\Providers\BroadcastServiceProvider.php
以使用 API 身份验证。将 Broadcast::routes()
替换为 Broadcast::routes(['middleware' => ['auth:api']]);
public function boot()
{
//Broadcast::routes();
Broadcast::routes(['middleware' => ['auth:api']]);
require base_path('routes/channels.php');
}
现在我们只需要在 nuxt.config.js
(NuxtJS 端)中添加一行来指定 Auth 端点。我的 BACKEND_BASE_URL
是 http://localhost:8000
URL,由 php laravel serve
buildModules: [
....
[
'@nuxtjs/laravel-echo',
{
broadcaster: 'pusher',
key: process.env.MIX_PUSHER_APP_KEY,
cluster: process.env.MIX_PUSHER_APP_CLUSTER,
encrypted: false,
wsHost: process.env.WEBSOCKET_BASE_URL,
wsPort: 6001,
disableStats: true,
authEndpoint: process.env.BACKEND_BASE_URL + '/broadcasting/auth'
}
]
],
echo: {
authModule: true,
connectOnLogin: true,
disconnectOnLogout: true
},
现在私有(private) channel 正在使用自托管推送器
关于laravel - Nuxtjs + Laravel Echo + Laravel Passport + Laravel WebSockets 无法从私有(private)/存在 channel 获取事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59656054/
如果需要在类外访问静态(例如单例),可以选择公共(public)静态而不是私有(private)静态,而当不需要公开函数时首选私有(private)静态(否则未命名的命名空间就可以了)——在这种情况下
在互联网上进行了一些搜索,但找不到简单的答案。我的问题集是在 Android 框架中使用 Java,但我相信这也是标准的 Java 行为。我理解 final 和 private 的定义,它们都用于变量
我有这个代码: public final class Board { private final int[][] blocks; private final int N; pr
对我来说,过去作为 Objective-C 开发人员很简单。一个类需要公开的每个字段都是一个属性,每个私有(private)字段都是一个没有 getter 或 setter 的实例变量。但我经常看到人
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
我有一个在 Docker 容器中运行的应用程序。它需要来自公司私有(private) NPM 注册表(Sinopia)的一些私有(private)模块,并且访问这些需要用户身份验证。 Dockerfi
我试图理解 C# 使用 getters 和 setters 自动声明变量与 java 声明之间的区别。 在java中我通常这样做: private int test; public int getTe
我在 Azure 中创建了 VNET。我放入了一个子集 Azure Private Link,它在 VNET 之外和另一台虚拟机中调用 Azure Function。 当我尝试通过专用 IP 调用专用
我在 Azure 中创建了 VNET。我放入了一个子集 Azure Private Link,它在 VNET 之外和另一台虚拟机中调用 Azure Function。 当我尝试通过专用 IP 调用专用
我目前正在使用 Objective-C(适用于 iPhone)构建游戏。 为此,出于性能/复杂性原因,我略微打破了 MVC,并为 View (渲染器)提供了对模型的直接引用。这是因为它应该以 60fp
我已经在 ubuntu 上成功配置了 2 个虚拟主机站点(基于名称的虚拟主机)。我的 apache 版本是 2.2.22。 这两个站点都在本地主机上工作。 /etc/hosts 条目 127.0.0.
考虑下面的类 public class A { private final Map cache; public HeavyObject getThing(); } 假设不能泄漏对缓存
我有一个类,它有一个方法,我希望它只能被它的子对象访问,而不能被这个包中的其他类访问。 Modifier | Class | Package | Subclass | World ———————
本文实例讲述了JavaScript中的公有、私有、特权和静态成员用法。分享给大家供大家参考。具体分析如下: 下面的内容是在《JavaScript.DOM高级程序设计》里面摘抄出来的,比较容易理解,
我有一个用例,我已将其简化为以下程序: public class A { private int x = 100; class B { private int y = ne
问题: 类声明如下: class Select { public: template static Iterator function(Iterator , Iterator , bo
我是一名初级 PHP 程序员。我还有很多东西要学。这就是我问这个问题的原因。在一个类中,您有一个公共(public)函数,您可以从该类外部调用它。有时你有一个私有(private)函数,你可以在私有(
问题是: 何时使用私有(private)函数,何时使用嵌套函数? (我在问 F# 但也许答案可能与其他功能语言相关) 一个小例子 namespace SomeName module BinaryRea
我发现工作表中仍然可以使用私有(private)函数。它们是隐藏的,但如果用户输入他们的名字,他们就会被调用。为什么?它应该以这种方式工作吗?有没有办法完全阻止用户定义的函数在 VBA 项目之外使用?
所以我最近开始尝试使用 Kotlin,我偶然发现了这个: If a top-level declaration is marked private, it is private to the pack
我是一名优秀的程序员,十分优秀!