XMPP: AngularJs + Strophe.js

Question

我已经在strophe.js上开发了一个基本的XMPP客户端。

登录时，我创建了一些处理程序，例如：

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");
  }
}
})

但是，在所有我拥有的控制器中，我如何开始在Angular的上下文中侦听那些事件（on_message，on_presence）。

你需要在所有控制器中注入相同的实例，并使用该实例注册监听器，以确保在整个应用程序中处理所有事件。

- luiquao

---

你好，我正在解决一个类似的问题。你能让它工作了吗？怎么做到的？你考虑过使用 Socket.io 替代 Strophe.js 吗？因为 Socket.io 有 Angular 的包装器。 - red-devil

Answer 1

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

- Gilad Beeri

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
       }
   }
}

}

})

- luiquao

Answer 3

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

- red-devil