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群:(申请加入,说是我推荐的)
特点
- 多主题支持(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/