即时聊天是一个持续通信的过程，需要不断的访问数据库。因此很多人用的是websocket。

这样一来需要兼顾前端和后端以及消息的处理。比较麻烦。作为一名前端人员，不想把更多的精力花费在后端的搭建以及数据逻辑处理上，因此使用第三方提供的api就是一个很不错的选择。极光im是我无意中看懂的，花了两天时间看了下他们的api文档，写了一个简单的聊天软件。用h5封装的软件。下面让大家看一下效果

起初，我是想作为一个完整的聊天软件的，因此除了主要的聊天室，还写了登录页面，好友列表页面等，并实现了添加，删除好友等功能。这里我不多加叙述，以后有机会再和大家分享。

极光im调用api之前需要初始化，但是每次跳转页面之后它的链接就中断了。这也是我为甚么没有把软件写完的原因，因为没法。。。哎，言归正传。直接上聊天室的代码吧。

css和body主体代码没什么好说的，这个模板也是我在网上找的。你们肯定也可以找到的。

主要代码都是js代码，作为调用极光api和数据的处理等。http://liuqingwushui.top/api/imchat.php 是我放到自己服务器进行极光im签名鉴权的，这里发出来给你们。如果不想用可以用自己的。具体的可以查看极光api文档。

都是一些很基础的代码，技术含量不是很高。也欢迎大家一次探讨。有不懂的可以评论留言，我看到了会给你们一一解答。

2022年11月23日补充

极光IM文档好像更新了，所以代码要改一下。本着帮人帮到底的原则。特意将代码完善了一下并开源出来。下载地址：H5聊天源码(完整版)-Javascript文档类资源-CSDN下载

转载请注明出处，谢谢。