QB Chat server not connecting

[ramansinghpadda]

Hello
I am using javascript-sdk and from samples , I am trying to run chat module after updating required config changes. Login working properly but after login nothing works.

    if (err) {
      console.log('SERVER ERROR RESPONSE ');
      console.log(err);
    } else {
      console.log('SERVER SUCCESS RESPONSE ');
      console.log(roster);

      QB.chat.onMessageListener = showMessage;

      $('#feed').val('User : CONNECTED at ' + getLocalTime());
    }
  });

Taking long time to connect socket server and after 1-2 min it return failed status .

Please help & suggest me , where is the actual problem .

Thanks

Raman Singh

[soulfly]

Hey,

Please post the whole code and also your config

[ramansinghpadda]

js/qbConfig.js:

endpoints: {
  api: 'https://api.quickblox.com',
  chat: 'chat.quickblox.com',
  muc: 'muc.chat.quickblox.com',
  turn: 'turnserver.quickblox.com',
  s3Bucket: 'qbprod'
},
chatProtocol: {
  // bosh: 'http://chat.quickblox.com:5280',
  bosh: 'https://chat.quickblox.com:5281', // With SSL
  // websocket: 'ws://chat.quickblox.com:5290',
  websocket: 'wss://chat.quickblox.com:5291', // With SSL
  active: 2
},

samples/chat/config.js:

var QBApp = {
  appId: 23853,
  authKey: 'WVBFGKa4pqfb-cX',
  authSecret: 'UAMbFhVbPNHJ9HF'
 };

 var QBUser1 = {
    id: 3310096,
    name: 'Ramansingh',
    login: 'ramansingh',
    pass: 'Test@123'
  },
  QBUser2 = {
    id: 3310111,
    name: 'ReenaNalwa',
    login: 'reenanalwa',
    pass: 'Test@123'
  };

Samples/chat/main.js:

// Init QuickBlox application here
//
QB.init(QBApp.appId, QBApp.authKey, QBApp.authSecret);

var opponent, currentUser;

$(document).ready(function() {

  $("#loginForm").modal("show");
  $('#loginForm .progress').hide();

  // User1 login action
  //
  $('#user1').click(function() {
    opponent = QBUser2;
    connectChat(QBUser1);
  });

  // User2 login action
  //
  $('#user2').click(function() {
    opponent = QBUser1;
    connectChat(QBUser2);
  });

  // Send message action
  //
  $('#sendMessage').click(function() {
    var msg = $('#message').val().trim();
    $('#message').val('').focus();

    if (msg.length > 0){
      sendMessage(opponent.id, msg);
    }
  });
});

function connectChat(user) {

  $('#loginForm button').hide();
  $('#loginForm .progress').show();

  // Create session and connect to chat
  //
  QB.createSession({login: user.login, password: user.pass}, function(err, res) {
    if (res) {
        console.log('Session History');
        console.log(res);

      var user_jid = QB.chat.helpers.getUserJid(user.id, QBApp.appId);
      var params={jid: user_jid, password: user.pass};
      console.log('Connecting Chat');
      console.log(params);

      QB.chat.connect(params, function(err, roster) {
        $("#loginForm").modal("hide");

        if (err) {
          console.log('SERVER ERROR RESPONSE ');
          console.log(err);
        } else {
          console.log('SERVER SUCCESS RESPONSE ');
          console.log(roster);

          QB.chat.onMessageListener = showMessage;

          $('#feed').val('User : CONNECTED at ' + getLocalTime());
        }
      });
    }
  });
}

// Send a chat message
//
function sendMessage(user_id, val) {
  var msg = {
    type: 'chat',
    body: val,

    extension: {
      time: Math.floor(Date.now() / 1000),
    }
  };

  var user_jid = QB.chat.helpers.getUserJid(user_id, QBApp.appId);

    QB.chat.send(user_jid, msg);

  showMessage(null, msg);
}

// Show messages in UI
//
function showMessage(userId, msg) {

  var body = msg.body,
      time = msg.extension && msg.extension.time,
      messageDate = new Date(time * 1000);

  var message = "\n";
      message += (userId === null ? "Me" : "Opponent");
      message += " (" + messageDate.getHours() + ':' + (messageDate.getMinutes().toString().length === 1 ? '0'+messageDate.getMinutes() : messageDate.getMinutes()) + ':' + messageDate.getSeconds() + ")";
      message +=  ": ";
      message += body;

  var currentText = $('#feed').val();
  $('#feed').val(currentText + message); 
}

function getLocalTime() {
  return (new Date).toTimeString().split(' ')[0];
}

Session.json return session properly but unable to connect chat server

Error Message - Which i am getting

Uncaught InvalidStateError: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state. quickblox.js:2707
QBChat: Status.CONNFAIL - The connection attempt failed quickblox.js:941
QBChat: Status.DISCONNECTED at 18:14:54 quickblox.js:941
QBChat: Status.CONNECTING quickblox.js:941
QBChat: Chat Protocol - WebSocket quickblox.js:941
QBChat: Status.CONNFAIL - The connection attempt failed quickblox.js:941
QBChat: Status.DISCONNECTED at 18:17:01 quickblox.js:941
QBChat: Status.CONNECTING quickblox.js:941
QBChat: Chat Protocol - WebSocket quickblox.js:941
QBChat: Status.CONNFAIL - The connection attempt failed quickblox.js:941
QBChat: Status.DISCONNECTED at 18:19:09 quickblox.js:941

[ramansinghpadda]

[QBChat]: Status.CONNFAIL - The connection attempt failed quickblox.js:941
SERVER ERROR RESPONSE main.js:60
Object {code: 422, status: "error", message: "Unprocessable Entity", detail: "Status.CONNFAIL - The connection attempt failed"}

[soulfly]

Can you try active: 1 in qbConfig.js

[ramansinghpadda]

Hii i am getting another problem.(JavaScript SDK),

As i want to integrate web-rtc video chat. I have integrated the peer-to-peer chat successfully. But Now problem is in my application requirement i want status of users. Are they available for video chat or not.

So i want to check status of user , Are they in session or not ?

Please suggest me

[ramansinghpadda]

Is it possible to get any user status related to same APP ?

[soulfly]

You can use Roster API
http://quickblox.com/developers/Web_XMPP_Chat_Sample#Code_snippets_.28Roster.29

[raghuarvapally1]

[QBChat]: Status.CONNFAIL - The connection attempt failed quickblox.js:941
SERVER ERROR RESPONSE main.js:60
Object {code: 422, status: "error", message: "Unprocessable Entity", detail: "Status.CONNFAIL - The connection attempt failed"}

I tied with active: 1 in qbConfig.js still i am getting issue. Can you please help.

This is sample application downloaded from github....

[soulfly]

This sample?
https://github.com/QuickBlox/quickblox-javascript-sdk/tree/master/samples/chat

[raghuarvapally1]

Yes this sample application.....

[dimaspirit]

@ramansinghpadda and @raghuarvapally1 are you got the answer? Or update yours questions, please.

[highelf]

i use the latest version 2.0.3 but in safari the problem still .
is there any configuration that we must to apply ?

[dimaspirit]

@highelf, what OS and version of Safari are you use?

[highelf]

@dimaspirit in mac OS and Windows 7

[dimaspirit]

The last version of Safari for Window is 5.x
And now Windows version was discontinue, we are support Safari from 6.x ( http://quickblox.com/developers/Javascript#Browsers_support )

Could you show your logs on Safari for MacOS? We will trying to help you.