Question

我正在尝试设计一个聊天应用程序，我试图通过Pusher的私人频道传递消息以进行实时传送。

我正在与Smart Admin Theme's ajax version合作，我正在使用主题本身附带的聊天UI插件。

基本上我有Mapbox地图并使用Leaflet我在地图上放置了很多标记，每个标记都是用户。

所以基本上当用户登录时，他可以在地图上查看其他用户，当他点击地图时，执行以下代码：

// Binding the marker on click event to bring up the chat
marker.on('click', function(){
    var chatboxId = 'private-' + currentUser.id + '-' + user.id;
    chatboxManager.addBox(chatboxId, {
        first_name: user.first_name,
        last_name: user.last_name,
    });

    // Creating a new chatbox
    $('#' + chatboxId).chatbox({
        messageSent: function(id, user, message){
            this.boxManager.addMsg('Me', message);

            splittedId = id.split('-');

            $.ajax({
                url: '/messages',
                method: 'post',
                type: 'json',
                data: {
                    receiver_id: splittedId[2],
                    body: message
                }
            });
        }
    });

    // Initializing pusher and authenticating the private channel
    var pusher = new Pusher('082bab423e2a8be3da2a', {
        authTransport: 'jsonp',
        authEndpoint: '/pusher/auth'
    });

    // Subscribing to the channel where the name of the channel is private-senderId-receiverId
    var chat = pusher.subscribe('private-' + user.id + '-'  + currentUser.id);
    console.log(chat);
    chat.bind('message', function(response){
        console.log(response);
    });
});

此代码为在地图上单击的用户生成新的聊天框。此时，推送器也被初始化，它与'/ pusher / auth'联系，以便对私有频道进行身份验证。

身份验证工作正常。我知道这是因为推送器返回一个令牌，因为它应该是在JSON中。然后我绑定通道变量来收听“消息”事件，但我无法收听频道上的新消息。

当我尝试console.log(chat)（私人频道）时，它会在控制台中输出：

Object { callbacks: Object, global_callbacks: Array[0], failThrough:
b/<(), name: "private-1-1", pusher: Object, subscribed: false }

由于某种原因，订阅是假的。我究竟做错了什么？我确信我在某个地方遗失了一些小东西，而且我已经在这里待了2个多小时了。任何人都可以指出我错过了什么吗？

编辑：用于身份验证的服务器端路由

Route::get('/pusher/auth', function(\Illuminate\Http\Request $request, \App\User $user){
    $data = $request->all();

    $explodedChannel = explode('-' ,$data['channel_name']);

    if($user->currentUser()->id == $explodedChannel[2]){
        $pusher = new \Pusher(
            getenv('PUSHER_PUBLIC'),
            getenv('PUSHER_PRIVATE'),
            getenv('PUSHER_APPID')
        );
        echo $pusher->socket_auth($data['channel_name'], $data['socket_id']);
    }
    else{
        return response()->json('Forbidden', 403);
    }
});

Answer 1

编辑服务器端代码，其中回显身份验证响应如下：

编辑此

 echo $pusher->socket_auth($data['channel_name'], $data['socket_id']);

到

        $auth= $pusher->socket_auth(Input::get('channel_name'), Input::get('socket_id'));
        $callback = str_replace('\\', '', $_GET['callback']);
        header('Content-Type: application/javascript');
        echo($callback . '(' . $auth . ');');
        return;

不能听推送私人频道活动？

1 个答案: