【问题标题】:Using Laravel 5.4 pusher使用 Laravel 5.4 推送器
【发布时间】:2017-08-09 21:50:28
【问题描述】:

我无法使推杆工作。我已按照文档进行操作,但我不知道问题出在哪里。控制台返回 null。

public function broadcastOn()
{

    return new PrivateChannel('my-channel');
}

这是我的推送器 js。

 <script src="https://js.pusher.com/4.0/pusher.min.js"></script>
<script>
(function () {



    // Enable pusher logging - don't include this in production
    Pusher.logToConsole = true;

var pusher = new Pusher('6049410e84e42d918b14', { 加密:真 });

    var channel = pusher.subscribe('my-channel');

    channel.bind('\Dms\Events\NewNotification', addMessage);

    function addMessage(data) {
        var listItem = $("<li class='list-group-item'></li>");
        listItem.html(data.message);
        $('#messages').prepend(listItem);

        console.log(data.message)
    }

})()

以上是我用作测试的所有代码。请任何完成此操作的人提供帮助。 Laravel 5.4 是现在使用的。 下面是错误代码。 enter image description here

【问题讨论】:

    标签: php laravel laravel-5.4


    【解决方案1】:

    在 Laravel 5.4 中,私有频道添加了前缀 private-。所以尝试改变这个:

     var channel = pusher.subscribe('my-channel');
    

    到这里:

     var channel = pusher.subscribe('private-my-channel');
    

    其次,检查你的字符串,你需要转义反斜杠。所以'\Dms\Events\NewNotification'应该是这样的:'\\Dms\\Events\\NewNotification'

    最后,我推荐使用 Laravel Echo,因为它让 Pusher 和 Laravel 的工作变得非常容易。使用 Echo,这两行代码:

    var channel = pusher.subscribe('my-channel');
    
    channel.bind('\Dms\Events\NewNotification', addMessage);
    

    看起来像这样:

    Echo.private('my-channel')
        .listen('\\Dms\\Events\\NewNotification', addMessage);
    

    请注意,您不必再写前缀private-

    【讨论】:

    • 谢谢,但现在我有这种错误 Pusher:无法从您的 webapp 获取身份验证信息:404 warn @ pusher.min.js:8 r.onreadystatechange @ pusher.min.js:8 pusher.min.js:8 Pusher:无法从您的 web 应用程序获取身份验证信息:404 pusher.min.js:8 Pusher:对于 pusher:subscription_error 的私有测试没有回调
    • @philipNjuguna 嗯,因为这是一个不同的错误,我建议您提出一个新的 StackOverflow 问题,以便人们可以回答该错误。如果我当前的答案已经解决了您原始问题中的问题,我希望您可以将其标记为已接受的答案。谢谢!
    猜你喜欢
    • 2017-12-11
    • 1970-01-01
    • 2017-08-12
    • 2018-07-06
    • 2018-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多