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/