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版本里没有。

你可能感兴趣的:(JavaScript,html,function,浏览器,servlet,服务器)