是什么
XMPP(Extensible Messaging and Presence Protocol),可扩展实时通讯协议。
XMPP是为了解决不同的IM之间不能互相通讯的问题而产生的。
运作方式
假设罗密欧(romeo@montague.net)与朱丽叶(juliet@capulet.com)通讯,他们的账号分别位于服务器A和B。如果没有XMPP协议,他们的通讯将非常困难甚至不可能。当双方的服务器支持XMPP协议后,这件事情就变的非常简单:
- 罗密欧发送消息至服务器A。
- 服务器A将消息发送至服务器B。
- 服务器B将消息发送给朱丽叶。
罗密欧与朱丽叶两人的XMPP服务是由两家不同的业者所提供的,而他们传递信息时,不须拥有对方服务器的账号。
对话例子
传输的典型的代码片段
不仅仅是IM
XMPP还可以应用在多人游戏、在线协作平台、监控报警等。
和websocket、comet有啥不同?
有大量的扩展、开源工具和解决方案。
构建web IM
使用strophe.js:
/**
* 连接绑定方法
*/
function onConnect( status ) {
switch( status ) {
case Strophe.Status.ERROR:
//error
break;
// ... other case
case Strophe.Status.CONNECTED:
//success
conn.addHandler( onReceivedMessage, null, 'message', null, null, null );
conn.send( $pres.tree() );
break;
}
}
/**
* 收到消息时
*/
function onReceivedMessage( msg ) {
var from = msg.getAttribute( 'from' ),
to = msg.getAttribute( 'to' ),
type = msg.getAttribute( 'type' ),
body = msg.getElementsByTagName( 'body' );
if( type === 'chat' ){
body = body[ 0 ];
//render to view
}
}
/**
* 发送消息
*/
function onSendMessage( toId, fromId, msg ) {
var reply = $msg({to: toId, from:fromId , type:'chat'}).cnode(Strophe.xmlElement('body', '' ,msg));
conn.send(reply.tree());
//render to view
}
var conn = new Strophe.Connection( 'BOSH_SERVICE' );
conn.connect( 'name', 'pw', onConnect );
$( '#logout' ).on( 'click', function(){
conn.disconnect();
} );
$( '#send' ).on( 'click', function() {
onSendMessage( '$toId', '$fromId', '$msg' );
} );