是什么

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有啥不同？

BOFC2.png

有大量的扩展、开源工具和解决方案。

构建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' );
} );