javascript - 带有 Angular JS 实现的 Ratchet

Question

我一直在谷歌搜索并寻找 ratchet 的实现示例和 Angular js 和 php 作为我的服务器。但不幸的是，我在 Angular 方面仍然不是那么先进，但我有 Ratchet 的经验。如果有办法做到这一点，我应该将以下代码放在我的 Angular 应用程序中的哪里？

var conn = new WebSocket('ws://localhost:8080');
conn.onopen = function(e) {
   console.log("Connection established!");
};

conn.onmessage = function(e) {
   console.log(e.data);
};

Answer 1

安东尼，

您需要将连接部分放入服务中，以便它只创建一次。像这样:

app.factory("Ratchet", function () {

    return new WebSocket('ws://localhost:8080');

});

然后在你的 Controller 中你可以做这样的事情(未经测试，但你应该得到基本的想法):

app.controller("MyController", function ($scope, Ratchet) {

    Ratchet.onopen = function(e) {
        console.log("Connection established!");
    };

    Ratchet.onmessage = function(e) {
        console.log(e.data);

        $scope.message = e.data;
        $scope.$apply();
    };

});

这将允许您在注入(inject)“Ratchet”的任何 Controller 中接收消息。