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

正如上面(或下面)所建议的，我将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 2

将Strophe包在Angular Service中。是作为单例使用的，因此您可以实例化Service一次，并在任何地方使用它(使用依赖项注入)。

Answer 3

或者您可以为Strophe创建一个模块，然后在您的应用程序中包含该模块，然后将strophe作为变量添加到您想要使用的任何地方。