Question

我正在使用Pusher在HTML5中创建实时通知。我正在使用的代码让用户在框中写入一些文本，当按钮“Go！”时如果选中，其他活动用户将收到该短信。 Pusher还有一个Debug控制台，用于检查所有连接和传输的数据。

我遇到的问题是，当我点击按钮发送通知时，我可以在调试控制台中看到它，但它不包含任何文本，它是一个空的JSON，并且没有显示任何内容其他用户。这是发送的JSON：

{
  "message": null
}

我要主文件。 index.html位于：mywebsite.com/notifications/index.html 这是：

<html>
<head>
    <title>Realtime Notifications</title>
    <script src="//js.pusher.com/2.2/pusher.min.js" type="text/javascript"></script>
    <script src="//code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
</head>
<body>

    <div class="notification"></div>
    <input class="create-notification" placeholder="Send a notification :)"></input>
    <button class="submit-notification">Go!</button>

    <script>

    var pusher = new Pusher('MY APP KEY');

    var notificationsChannel = pusher.subscribe('notifications');

    notificationsChannel.bind('new_notification', function(notification){
        var message = notification.message;
        $('div.notification').text(message);
    });

    var sendNotification = function(){

    // get the contents of the input
    var text = $('input.create-notification').val();

    // POST to our server
    $.post('http://mywebsite.com/notifications/notification', {message: text}).success(function(){
        console.log('Notification sent!');
        });
    };

    $('button.submit-notification').on('click', sendNotification);

    </script>

</body>
</html>

和index.php在：mywebsite.com/notifications/notification/index.php 这是代码：

<html>
<head>
<title> notification index </title>
</head>
<body>

<?php

require(dirname(__FILE__).'/../vendor/autoload.php');

$pusher = new Pusher('MY APP KEY', 'MY APP SECRET', 'MY APP ID');

// trigger on 'notifications' an event called 'new_notification' with this payload:

$text = $_POST['message'];

$data['message'] = $text;

$pusher->trigger('notifications', 'new_notification', $data);

?>

</body>
</html>

在添加sendNotification函数之前，代码正常工作。因此，它绝对不是与缺少库，依赖性等相关的问题。这可能是与许可相关的问题吗？在此先感谢您的帮助。

Answer 1

发现问题。当我尝试发布到服务器时，它位于index.html中：

// POST to our server
    $.post('http://mywebsite.com/notifications/notification'

我需要指定index.php：

// POST to our server
    $.post('http://mywebsite.com/notifications/notification/index.php'

以为它会自动找到它：）

Pusher未正确发布到服务器

1 个答案: