XMPP：AngularJs + Strophe.js

Question

我有一个基本的XMPP客户端在strophe.js上工作。

登录时，我创建了诸如

之类的处理程序

connect = new Strophe.Connection('http://localhost/http-bind');
...
...

    connect.addHandler(on_message, null, "message", "chat");
    connect.addHandler(on_presence, null, "presence");

...
...

然后我“倾听”那些

function on_presence(presence) {
// handling presence
}

function on_message(presence) {
// handling presence
}

所以我试图将其“转换”为AngularJS。第一部分非常简单。我有一个控制器，可以很好地处理登录部分：

angular.module('app').controller('loginCtrl', function($scope) {
connect = new Strophe.Connection('http://website.com/http-bind');

connect.connect(data.jid, data.password, function (status) {
  if (status === Strophe.Status.CONNECTED) {
    connect.addHandler(on_message, null, "message", "chat");
    connect.addHandler(on_presence, null, "presence");
  }
}
})

但是我如何在我所有控制器的角度上下文中实际开始收听这些事件（on_message，on_presence）。

Answer 1

在Angular Service中包裹Strophe。 Angular Services旨在用作单例，因此您可以将Strophe服务实例化一次，并在任何地方使用它（使用依赖注入）。

Answer 2

如上所述（或以下）我在服务中包含了strophe所以我的登录“机制”看起来像这样：

.controller('loginCtrl', function(xmppAuth) {

    xmppAuth.auth(login, password);

})

我的任何服务：

.service('xmppAuth', function() {

return {

auth: function(login, password) {
   connect = new Strophe.Connection('http://mydomain.net/http-bind');
   connect.connect(login, password, function (status) {
       if (status === Strophe.Status.CONNECTED) {
           // we are in, addHandlers and stuff
       }
   }
}

}

})

Answer 3

或者您可以为Strophe创建一个模块，然后在您的应用中包含该模块，然后将strophe包含为您想要使用它的变量。