jQuery实时聊天jquery-chat

jquery-chat是基于jQuery UI + Node.js + Socket.IO 实现100%纯JavaScript实时聊天(客户端和服务器都是JS),实现了facebook / Gmail风格的网页聊天.

快速使用Romanysoft LAB的技术实现 HTML 开发Mac OS App，并销售到苹果应用商店中。

 

《HTML开发Mac OS App 视频教程》

• 土豆网同步更新：http://www.tudou.com/plcover/VHNh6ZopQ4E/
• 百度网盘同步：http://pan.baidu.com/s/1jG1Q58M
• 分享  [中文纪录片]互联网时代   http://pan.baidu.com/s/1qWkJfcS

 

官方QQ群：（申请加入，说是我推荐的）

• App实践出真知 434558944       
• App学习交流 452180823          

 

特点

• 多主题支持（jQuery UI）
• 100% JavaScript（客户端和服务器端）
• 支持配置文件
• 支持多种语言
• 新消息弹出通知
• 多用户聊天
• 搜索用户
• 声音
• 浏览器支持：Opera, Firefox, Google Chrome, Safari, Internet Explorer

1 2 3 4 5 6 7 8 9 10 11

<link id='theme' rel='stylesheet' /> <link rel='stylesheet' href='css/tipsy.css' /> <link rel='stylesheet' href='css/chat.css' />   <script src='https://jquery-chat.herokuapp.com/socket.io/socket.io.js'></script> <script src='js/jquery-1.11.2.min.js'></script> <script src='js/jquery-ui-1.10.4.custom.min.js'></script> <script src='js/jquery.tipsy.js'></script> <script src='js/jquery.main.js'></script> <script src='config.js'></script> <script src='i18n_en.js'></script>

Installation
1. Clone the project

$ cd /var/www/
$ git clone https://github.com/lovelle/jquery-chat
$ cd jquery-chat

2. Configuration

# Go to cloned project
$ cd /var/www/jquery-chat/
# Adjust personal setting to ‘server’ ip or dns
$ editor config.js
# And the same for line 11 in index.html
$ editor index.html

3. Install and run Node.js

$ cd /var/www/jquery-chat/server
$ npm install
$ npm start

4. Run

Lets it, to finish remember you must have a webserver, if you dont want to install a full webserver you can do it with python server:

# Go to project folder
$ cd /var/www/jquery-chat
# Run webserver with python lib
$ python -m SimpleHTTPServer

Finish!, go to visit http://localhost:8000/

源码下载 在线演示