Simple chat app using jQuery and ColdFusion
Way back in the day I was working on a jQuery game I called CFMud. As the name alludes to, it was to be a multi-user dungeon that would allow you to roam around “the world” and gain experience. One of the key components of the UI was the chat interface. I was just getting in to jQuery and ajax at the time so I never really worked all the kinks out of the system then life intervened and I have never picked the project back up (sorry Josh 😛 ).
Yesterday a co-worker mentioned that she was looking for a simple little chat application so I figured I would give it a shot. I threw together an extremely quick, extremely basic little demo. The application itself is comprised primarily of three pieces: the index.cfm file for the user interface, an application-scoped CFC that acts as the “chat server”. and finally an ajaxProxy.cfc that acts as a facade for remote calls.
To start, just call up the index.cfm you will need to enter a user name to use in the chat window. Enter a name and click on the “Set Name” button. This will then bring up the main chat window and currently updates every five seconds. I have tested it in the main browsers; FireFox, Chrome, and with much swearing, Internet Explorer. For some reason, IE likes to cache remote calls to CFC’s as well. Go figure.
The “chat server” is actually just an array stored in server memory. Currently it is configured to store 100 messages, it will purge out the oldest message if the current chat log goes above this. Also, to keep down the amount of data being transferred from the server, each client remembers the message id it received. When the next call to get messages occurs, it only gets new messages.
If you would like to check it out, I have it available for download here: http://dl.dropbox.com/u/868773/chat.zip. It is hardly worthy of an RIAForge project, but maybe I will play around with it some more later on.
To see it in action: http://demos.kisdigital.com