I am trying to create a Laravel 4 chat app that uses normal-polling. So far it's working fine but when I test it out in two browsers with two different accounts, I found that when I try to send a message from each client(browser) at the same time, client B receives client A's message but client A does not receive client B's msg. Refresh would of course, load client B's msg in client A. How do I solve this?
The reason why I use normal-polling instead of long-polling is because of concurrent connections problem whereby some legacy browsers only limit to 2 concurrent connections. This chat app is planned to accomodate maximum 25 users in a single chat session. I also can't use web sockets due to legacy browser issues. Please correct me if I'm wrong.
p.s. bonus points for better ways to implement this! Thank you!
Here is my client(Javascript) code that updates message.
updatemessages(){
...
$.ajax({
type: "POST",
url: 'create/populate',
data: {
'from': lastMessages,
'conv_id':conv_id
},
success: function(messages) {
$.each(messages, function() {
appendMessage(this);
});
},
error: function(xhr,textStatus,errorThrown) {
console.log(xhr.responseText);
console.log('something went wrong!');
$(this).abort();
},
complete: function() {
window.setTimeout(updateMessages, 2000);
},
dataType: 'json'
});
}
updatemessages();
This is my server code (controller) that receives the message, compares it to the latest message in my db and if found latest message, retrieves it.
public function index()
{
$timestamps = Input::get('from'); //get timestamp of AJAX sent message
$conv_id = Input::get('conv_id'); //get conversation id of AJAX sent conv_id
$allMessages = Messages::with('User')->whereIn('conv_id',$conv_id);
if(is_null($timestamps)){
$messages = Messages::with('User')->whereIn('conv_id',$conv_id)->orderBy('created_at','desc');
}else{
asort($timestamps);
$messages = $allMessages->where('created_at','>',end($timestamps));
}
return $messages->get()->reverse();
}
This is another code that stores the new message into the database.
public function store()
{
$body = Input::get('message');
$user_id = Input::get('user_id');
$conversation = null;
$conv_id = Input::get('conv_id');
return Messages::create(array('body'=>$body,'conv_id'=>$conv_id,'user_id'=>$user_id));
}