如何将 Quickblox 与 angularjs 集成？

Question

如何将 Quickblox 与 AngularJs 集成？

我已经使用它的示例 js 完成了登录，并且还在查看控制台时收到了来电的响应。

但现在我想集成 Quickblox 的监听器，例如

onCallListener,onAcceptCallListener,onRejectCallListener 等不工作。

请帮我解决一下，我错过了什么？谢谢

Answer 1

只需在主索引页面的正文中添加以下代码即可实现 quickblox 集成。

<aside class="msg_board" id="msg_board"></aside>

Answer 2

通过此 link 将 quickblox 集成到 angular js Here
集成 SDK 后使用用户凭据（电子邮件或密码）初始化 SDK，然后初始化所有处理程序以进行事件处理。

function setupAllListeners() {
  QB.chat.onDisconnectedListener    = onDisconnectedListener;
  QB.chat.onReconnectListener       = onReconnectListener;
  QB.chat.onMessageListener         = onMessage;
  QB.chat.onSystemMessageListener   = onSystemMessageListener;
  QB.chat.onDeliveredStatusListener = onDeliveredStatusListener;
  QB.chat.onReadStatusListener      = onReadStatusListener;
  setupIsTypingHandler();
}

然后实现处理所有事件的函数，例如

// on message listener
//
function onMessage(userId, msg) {

  // check if it's a mesasges for current dialog
  //
  if (isMessageForCurrentDialog(userId, msg.dialog_id)){
    dialogsMessages.push(msg);

    if (msg.markable === 1) {
      sendReadStatus(userId, msg.id, msg.dialog_id);
    }

    // сheck if it's an attachment
    //
    var messageAttachmentFileId = null;
    if (msg.extension.hasOwnProperty("attachments")) {
      if(msg.extension.attachments.length > 0) {
        messageAttachmentFileId = msg.extension.attachments[0].id;
      }
    }

    showMessage(userId, msg, messageAttachmentFileId);
  }
  // Here we process the regular messages
  //
  updateDialogsList(msg.dialog_id, msg.body);
}

每当从另一端发送消息时它都会调用。

如何将 Quickblox 与 angularjs 集成？

How to Integrate Quickblox with angularjs?

html

javascript

webrtc

angularjs

quickblox