JWChat源码分析

工作需要仔细看了一下JWChar的源码
我对JavaScript并不熟悉，有分析和理解错误的地方，请朋友指教

首先是关于JWChat，一个用AJAX和html来实现的jabber客户端（我用jabber服务器实现是openfire），作为采用web形式开发的客户端，摒弃了C/S结构客户端的繁琐和使用上的不便。
JavaScript是客户端的核心技术。

慢慢逐一的介绍框架中js文件中每个方法的作用

• config.js配置文件(TODO)
• jsjac.js核心文件（是不是可以理解为J ava S cript Ja bber C ore）
• 但不管怎么理解，它是客户端中最重要的部分。它的作用包括了处理和拼接xml信息
  
  1. 定义并初始化一些变量（配置）
     
  （todo）
• Shared.js 可以共享的一些工具类，代码不多
  function getArgs()获取url中的参数
  function cutResource(aJID)从一个已给的jid中去掉resource部分
  function makeWindowName(wName)替换一些特殊符号成英文单词
  function htmlEnc(str)过滤html代码中的特殊符号有"&<>\"四个
  function msgFormat(msg)信息格式化，替换信息中的表情和urls
  function isValidJID(jid)验证jid的节点名是否包含如下非法的字符'"',' ','&','\'','/',':','<','>','@'
  function jab2date(ts)转换jabber返回来的时间戳成js日期对象
  function hrTime(ts)转换2004-08-13T12:07:04±02:00返回来的时间格式到一个人类可以阅读理解的格式
  function jabberDate(date)将js对象类型的时间转换为jabber的时间格式
• browsercheck.js浏览器检查
  function BrowserCheck()只有一个方法用来检查浏览器生产商和特定版本，在方法外自动生成了一个名为is的BrowserCheck对象。
• emoticons.js写明了表情的特殊符号与图片的对应关系，作用就是在做message内容过滤的时候将代表表情信息的特殊符号，转换为相应图片名称。
• jabber_x_data.js只有两个方法
  function genJabberXDataReply(form)
  function genJabberXDataTable(x)根据传过来的对象x进行一些html代码的生成
• pngfix.js
  从命名规则可以看得出，是为了有关png图片方面缺陷上的处理
  function correctPNG()正确的处理PNG图片在IE5.5或者更高版本中的透明度问题
  当中有onload=correctPNG()，也就是说在加载的时候就会自动执行
  其中有段代码的大小写大概是对进行一个替换，比如将onclick替换成onClick
• roster.js从名字上看大概就是名单和组群方面功能的实现
  代码相对上面几个较多，（todo），todo了
• sounds.js或许和声音有关吧（todo）
  
• statusLed.js状态（todo）
• switchStyle.js（转换类型，是转换在线状态吗？）
• version.js版本，偷偷看了一下，内容很简单，就一句
  var VERSION="1.0beta3";

大概也就这些js文件。真要是从头看到尾，头还真疼。

第一步，我只是想它是怎么和jabber服务器（openfire）交互的，并且很好奇与服务器交互的核心代码在哪个js文件里）。在我看来，理解了这些，你又知道了在jsjac.js做了一些message发布和接受的处理（也就是对xml拼合和解析的过程），只要知道了如何和服务器交互，我想自己也可以实现一个简单的IM软件。因为openfire底层应用的是XMPP协议嘛，信息格式正确，问题就不大。

(todo)(这里忽略了一个问题，jwchat是一个web应用，它有它自己的web.xml配置，当中应用了servlet来接受请求再转发给jabber。

N分钟后

发现一个问题。在1.0版本的源码中包含api文档。似乎开发包有些不规范，为什么1.0b3版本里没有。

评论

2 楼 langzhe 2011-06-28  

你好有幸看到你的文章。我想修改一下JWChat 把聊天登录等信息隐藏起来。应该主要看看那个JS

1 楼 onion8080 2010-01-28  

您好,我现在也在研究jwchat,不过我要重新实现一下,用extjs来做面板.
你的这篇文章写得很详细,看来研究的不错.
我们以后可以多交流交流.