WebIM(5)----將WebIM嵌入到頁面中

在以前的文章中，已經開發了一個簡單的WebIM，可是這個WebIM是在獨立的頁面中的，今天發佈的WebIM是一個能夠嵌入到本身網頁中的版本，你只需添加少許的代碼，就能夠在頁面中嵌入一個WebIM。不過目前這個WebIM的功能比較簡單，若是你們有什麼需求能夠在評論中提出，或經過WebIM與我聯繫。之後可能還會將雲翔在線軟件平臺中的網盤等在線應用集成進來。

源代碼下載

下載源代碼後，按如下步驟操做就能夠將WebIM嵌入到網頁中。

1.將Release中的Bin,App_Data和YunXiang三個文件夾拷貝到網站的根目錄下。

2.在將要嵌入WebIM的頁面中添加一下引用：

<link href="YunXiang/Themes/Default/skin.css" rel="stylesheet" type="text/css" />
<script src="YunXiang/json2.js" type="text/javascript"></script>
<script src="YunXiang/Config.js" type="text/javascript"></script>
<script src="YunXiang/Core.js" type="text/javascript"></script>

3.在Global.asax的Application_Start和Application_End中添加如下代碼(若是沒有Global.asax則拷貝Global.asax到網站根目錄下)

void Application_Start(object sender, EventArgs e) 
{
    //在應用程序啓動時運行的代碼
    YunXiang.MessageManagement.Instance.Initialize(Context);
}

void Application_End(object sender, EventArgs e) 
{
    //在應用程序關閉時運行的代碼
    YunXiang.MessageManagement.Instance.Dispose();
}

4.在web.config的httpHandlers節點中添加如下配置：

<httpHandlers>
    <add path="Lesktop.aspx" verb="*" type="YunXiang.Lesktop"/>
    <add path="recevie.aspx" verb="*" type="YunXiang.WebIM_ReceiveHandler"/>
    <add path="send.aspx" verb="*" type="YunXiang.WebIM_SendHandler"/>
</httpHandlers>

5.將WebIM嵌入到頁面中之後，能夠經過如下兩種方式啓動會話：

System.StartChat("用戶名", "對方的用戶名");

//不指定用戶，啓動時才輸入
System.StartChat();

6.常見問題

(1) 嵌入WebIM會影響頁面的啓動速度嗎？

因爲嵌入WebIM必須引用Core.js文件，所以，嵌入WebIM後，須要多下載幾個文件。可是，只要不啓動會話，就不會加載和WebIM相關的腳本(Window.js,Controls.js,Desktop.js,WebIM.js等)，只有第一次啓動時纔會加載。

(2) WebIM會插入DOM對象嗎？

只要不啓動會話，WebIM不會插入任何DOM對象。