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 视频教程》
 
官方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=‘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/

源码下载 在线演示

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。