jQuery实时聊天jquery-chat
2015-05-19 09:36 RTdo 阅读(2708) 评论(0) 编辑 收藏 举报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/
