从服务器接收实时消息（数据库-MySQL，前端-AngularJS）

Question

$scope.getAllMessages = function() {
    $scope.messages=[];
    restservice.get('', "api/v1/message/getMessageList").then(function(response) {
        if (response != null) {
            for (var i = 0; i < response.length; i++) {
                $scope.messages.push(response[i]);
            }
        }
    }); 
}

<li ng-repeat="message in messages" class="{{(message.me == '1')? 'me' : 'other'}}">
    <div>
        {{message.userMessage}}
    </div>
</li>

请让我简单，并给我一个适当的指导方针/教程来做这件事。我在前端很差。

Answer 1

另一种方法是使用WebSockets。Javascript有可以使用的内置WebSocket对象。您还需要在服务器端处理websockets。但是对于消息传递，websockets或长轮询请求看起来是更有用的技术，就像对我一样。

WebSockets非常简单，如果您想要实时，它们可能很有用。但是您必须在服务器上实现websockets后端。以下是JS端的WS用法示例：

var exampleSocket = new WebSocket("ws://www.example.com/socketserver", "protocolOne");
exampleSocket.send("Here's some text that the server is urgently awaiting!");
exampleSocket.onmessage = function (event) {
  console.log(event.data);
}

以下是以下示例:https://developer.mozilla.org/en-us/docs/web/api/websockets_api/writing_websocket_client_applications