论坛首页 编程语言技术论坛

在网页中嵌入WebIM

浏览 11065 次
精华帖 (0) :: 良好帖 (11) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-05-27   最后修改:2010-06-10

将WebIM嵌入到页面中一文中已经开发了一个可以嵌入到自己网页中的WebIM,不过这个WebIM有不少局限,例如,不能发送图片,文件,没有过滤危险的HTML标志,不能群聊等,另外,还有一个严重的问题,就是当页面打开多个聊天窗口时,将会建立多个长连接(一个窗口占用一个长连接)。今天要发布的Lesktop中提供的WebIM将完善发送图片,文件等的功能,并且修复建立多个长连接的BUG,同时也简化了嵌入的流程。下面,将为大家介绍Lesktop 1.0。

1.在自己的网站页面中嵌入WebIM

(1) 解压缩源代码,在网站的根目录下新建一个名称为"Lesktop"的虚拟目录,对应的本地路径为"源代码目录/wwwroot"

(2) 在将要嵌入WebIM的页面中添加一下引用:

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

(3) 将WebIM嵌入到页面中以后,可以通过以下两种方式启动会话:

System.StartChat("对方的用户名");//以'#'开始表示群账号

//不指定用户,启动时才输入
System.StartChat();

(4) 常见问题

Q: 嵌入WebIM会影响页面的启动速度吗?

A: 由于嵌入WebIM必须引用Core.js文件,因此,嵌入WebIM后,需要多下载几个文件。但是,只要不启动会话,就不会加载和WebIM相关的脚本(Window.js, Controls.js, Desktop.js, WebIM.js等),只有第一次启动时才会加载。只要用户不启动WebIM,Lesktop对你网站的影响仅仅只是额外下载了core.js, config.js, json2.js, skin.css这4个文件

Q: WebIM会插入DOM对象吗?

A: 只要不启动会话,WebIM不会插入任何DOM对象。

Q: 系统会启动长连接吗?

A: 只要不启动WEBIM,不会建立长连接。

2.WebIM介绍

下面通过几幅图片介绍WebIM的功能:

1

 

2

3

3.扩展WebIM功能

Lestkop是开源的项目,因此您可以自己修改代码扩展WebIM的功能,后台直接修改代码即可,WebIM的前台界面是使用Lesktop的开发工具开发的,因此,建议不要直接修改WebIM.js,而是使用开发工具开发。您只需要打开developer.htm页面,随意输入一个用户名登陆即可,开发工具如图所示:

4 

5

 

   发表时间:2010-06-09  
这么方便啊?先下来看看
0 请登录后投票
   发表时间:2010-06-10  
很有趣!
想问一下楼主,服务器的配置如何?这样的配置下最大支持多少人在线?
0 请登录后投票
   发表时间:2010-06-10  
murusu 写道
很有趣!
想问一下楼主,服务器的配置如何?这样的配置下最大支持多少人在线?


简单的测试过一下

http://www.cnblogs.com/lucc/archive/2010/05/16/1736537.html
0 请登录后投票
   发表时间:2010-06-11  
这个东东很好 很强大!!
0 请登录后投票
   发表时间:2010-06-11  
者界面做的有点像传说中的WebOS
0 请登录后投票
   发表时间:2010-06-11  
看起来不错,下载下来研究下。
0 请登录后投票
   发表时间:2010-06-12   最后修改:2010-06-12
感谢楼主的分享精神,这个在线开发功能很有特色而且估计也很费了一些时间,但我感觉对于一般用户来说用处不大,还不如搞成wp那样的插件形式,让其他的开发者来扩展这套程序。
0 请登录后投票
   发表时间:2010-06-13  
感谢楼主的分享精神,已经下载了源码,研究研究
0 请登录后投票
   发表时间:2010-08-17   最后修改:2010-08-17

 

Lesktop 已更新至1.1.1.4(增加客户端IM),演示页面:

 

http://www.lesktop.com

0 请登录后投票
论坛首页 编程语言技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics