[转载]一步一步打造WebIM(5)——将WebIM嵌入到页面中

[转载]一步一步打造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对象。

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏