基于javascript、ajax、memcache和PHP实现的简易在线聊天室

 更新时间:2015年02月03日 09:51:06   投稿:junjie  
这篇文章主要介绍了基于javascript、ajax、memcache和PHP实现的简易在线聊天室,需要的朋友可以参考下

在线聊天室(online chatrooms)是一个共多人进行沟通交流的网络平台,随着越来越多的新技术的发明和成熟运用,在线聊天室也出现使用各种不同技术的, 这篇文章我想简单总结一下。

首先说一下前台技术,最新的当然是基于HTML5的websocket,它实现了浏览器与服务器全双工通信(full-duplex)。WebSocket通信协议于2011年被IETF定为标准 RFC 6455,WebSocketAPI被W3C定为标准。在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。但是由于Websocket是HTML5的API,很多浏览器都还得不到支持,所以这种方式现在应用不是特别多。第二种是ajax,它是采用一种轮询的方式,每隔一段时间,去服务器上下载数据,查看是否更新,它的优点是异步请求处理(也可以设置同步),不会阻塞用户其它操作,缺点是不间断的轮询不仅占用消耗带宽,也占用过多的终端和服务器资源,而且由于ajax轮询有时间间隔,所以获得的消息不是实时的,因为不是消息触发,ajax的效率几乎是最低的。第三种是基于服务器的推送技术(comet),说是推送,其实是伪推送,原理是在终端和服务器之间建立一条长连接,前台通过判定这条长连接的内容是否改变而获取内容,它的优点是占用资源较少,实时性好,确实是需要服务器特别的支持,而且长时间占用连接。现在越来越多的服务都采用了这种技术。

再来说下后台,聊天室属于高IO的应用,数据库方面可能是最大瓶颈,聊天的特点是短文本较多,类似于微博。而且它属于多用户系统,当用户达到一个数量级时,如果采用Mysql等关系型数据库的话,查询的压力应该是很大的。如果没有特殊的要求,个人认为,聊天记录不需要永久存储,这时候memcache,redis等基于内存的存储系统就能发挥作用了。下面是我开发的一个简单的基于ajax+php+memcache的在线聊天室。

在这个聊天室中,所有聊天记录都存放在memcache中,用cid存储聊天记录的最大id,用msgcid存放聊天记录,每插入一条记录,cid自增1。前台通过ajax获取获取json格式数据,由于memcache是基于内存的特性,整体系统运行速度是非常快的。下面是系统的源码,整个系统只有两个文件,合起来不到10KB。

脚本之家下载

https://github.com/hitoy/online-chatroom

系统需求:
1,安装有memcache
2,php安装memcache扩展
3,支持Javascript和ajax的现代浏览器

相关文章

  • JavaScript中常见的继承方式总结

    JavaScript中常见的继承方式总结

    这篇文章主要和大家详细介绍了JavaScript中常见的几种继承方式,文中的示例代码讲解详细,对我们学习JavaScript有一定帮助,需要的小伙伴可以参考下面文章详细内容
    2022-11-11
  • webpack中使用zepto步骤方法

    webpack中使用zepto步骤方法

    这篇文章主要为大家介绍了webpack中使用zepto步骤方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 详解js中构造流程图的核心技术JsPlumb

    详解js中构造流程图的核心技术JsPlumb

    这篇文章主要介绍了js中构造流程图的核心技术JsPlumb,jsPlumb是一个强大的JavaScript连线库,它可以将html中的元素用箭头、曲线、直线等连接起来,适用于开发Web上的图表、建模工具等,需要的朋友可以参考下
    2015-12-12
  • JavaScript 中的 this 绑定规则详解

    JavaScript 中的 this 绑定规则详解

    这篇文章主要介绍了JavaScript 中的 this 绑定规则详解的相关资料,需要的朋友可以参考下
    2023-02-02
  • jquery的.click()点击事件为什么无效,on('click',function())如何使用?

    jquery的.click()点击事件为什么无效,on('click',function())如何使

    jquery的.click()点击事件,通常都是可以正常使用的,有时选中的选择器被点击时无法触发回调函数,这是为什么呢?改成on绑定click就可以了吗?面对这样的情况,on('click',function())应该如何使用?
    2023-08-08
  • 微信小程序生命周期和WXS使用实例详解

    微信小程序生命周期和WXS使用实例详解

    微信小程序中的wxs文件,大家或多或少都有见过,下面这篇文章主要给大家介绍了关于微信小程序生命周期和WXS使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • 关于Iframe父页面与子页面之间的相互调用

    关于Iframe父页面与子页面之间的相互调用

    下面小编就为大家带来一篇关于Iframe父页面与子页面之间的相互调用。小编觉得挺不错的,希望对大家有所帮助。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-11-11
  • 深入理解JavaScript内存管理和GC算法

    深入理解JavaScript内存管理和GC算法

    这篇文章主要介绍了深入理解JavaScript内存管理和GC算法,下面文章主要讲解JavaScript的垃圾回收机制以及常用的垃圾回收算法;还讲解了V8引擎中的内存管理,最后介绍了Performance工具如何使用
    2022-07-07
  • 关于vite + ts 找不到模块@/xxxx 或其相应的类型声明问题

    关于vite + ts 找不到模块@/xxxx 或其相应的类型声明问题

    这篇文章主要介绍了vite + ts 找不到模块@/xxxx 或其相应的类型声明,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-06-06
  • JavaScript实现GriwView单列全选(自写代码)

    JavaScript实现GriwView单列全选(自写代码)

    在 GridView 里有一系列的 Checkbox ,要实现对其全选或全不选,二网上的都不否和要求,于是我自己写了JavaScript 代码,贴出来供大家参考
    2013-05-05

最新评论