Question

我正在使用Servlet在Java Stack上的Web应用程序中实现SSE。我目前面临两个关键问题。让我首先将我的代码放在Web页面和Servlet中，然后是我面临的问题。

网页代码：

<script type="text/javascript">
function registerSSE() {
var source = new EventSource("http://www.sample.com/BootStrap/NotificationServlet");
source.addEventListener('StartProductionRun', function(e) {
    // Get the data and identify the instrument Name/Id
    var dataReceived = e.data;
    document.getElementById(dataReceived + "_button").disabled = true;
    }, false);
}

function StartProduction(instrument) {
var dataString = 'instrumentName='+ instrument; 

// call ajax to submit the form and start the production  run
$.ajax({
    type: 'POST',
    url: 'http://localhost:8080/BootStrap/ProductionRunServlet',
    data: dataString,
    success: function() {
        $('#Status').html("<div id='message'></div>"); 
        $('#message').html("<h4 aling=\"centre\">Prudction Run for Instrument " + instrument  + " initiated.</h4>")
        .hide()
        .fadeIn(5000);
    }
});
}

</script>

Servlet代码：

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    response.setContentType("text/event-stream;charset=UTF-8");
    response.setHeader("Cache-Control", "no-cache");

    PrintWriter out = response.getWriter();
    NotificationService notificationService = null;

    while (true) {
        notificationService = NotificationService.getInstance();

        if (notificationService.getNotificationCount() > 0 ) {

            String notificationValue = notificationService.getNotification(0);
            String[] keyValue = notificationValue.split(":");

            out.print("event:" + keyValue[0] + "\n");
            out.print("data: " + keyValue[1] + "\n");
            out.print("retry:" + 1000 + "\n\n");

            out.flush();
        }
        else {
            out.print(": time stream \n");
            out.print("retry:" + 1000 + "\n\n");
            out.flush();
        }

       try {
             Thread.sleep(1000);
            } catch (InterruptedException e) {
             e.printStackTrace();
            }
    }
}

现在问题：

多个用户将同时查看网页。我希望将数据推送给查看该页面的所有用户。目前，当我在我的机器上本地运行时，即使我打开Chrome和Firefox，我也不会在两个浏览器中收到通知。它只有一个。
此外，如果我让浏览器运行一段时间，我发现即使servlet正在根据某些事件推出数据。我没有在浏览器上收到通知。

我需要确保：通知会被推送到正在查看该特定页面的所有客户端，无论他们在页面上执行什么操作，或者该页面仅用于查看信息。

期待我能帮助我实现这一目标。此外，有兴趣知道是否还有其他替代方案我可以使用。

Answer 1

你的servlet代码工作正常，虽然我没有那么多工作（曾经做过一个jsp项目）。我的想法是，你错过了javascript中的一些东西？我认为javascript中也应该有一个timer / thread / loop，以便持续获取所有推送的数据。即，

setInterval(
function(){
// code which needs to run every 5sec
},5000);

我希望这会有所帮助。

Answer 2

在使用之前，您应该检查该浏览器中是否有EventSource。也许其中一个浏览器不支持它。

HTML5服务器端事件（SSE）

2 个答案: