webim.config.js，strophe-1.2.8.js，websdk-1.4.13.js
然后在webim.config.js中配置自己所需要的选项（如下图）
准备工作完成，接下来开始步入正题：
创建一个主js文件。
1.首先连接环信：
2.连接成功以后，开始登录环信（由于我们的项目中的环信账号是在后台注册后直接返回给前端的，所以省去了注册的环节）：
3.开始写接收消息的监听事件：
由于我们项目中仅仅用到了文字和图片消息，一些比较复杂功能的比如已读未读、表情包之类的配置就为空了。
4.此时就能够在收到消息的时候执行你自己的js文件了，从而消息接收部分就已经完成了。发送消息部分因为我们是在后台调环信的，所以前端只需要请求后台接口保存数据就行了。
下图为前端自己调环信发送消息，根据所发送消息的类型不同，从而对应不同的代码。
5.此时，一个基本的聊天系统就很完善了，上个图展示一下~。
附录：
环信官方开发文档：http://docs-im.easemob.com/
首先在项目中引入环信相关文件 webim.config.js，strophe-1.2.8.js，websdk-1....
IM 聊天接入思考过程 前期 初识IM聊天 带着问题去调研 必须接入环信吗？除了环信是否可以接入其他即时通信? 环...
环信IM--创建默认会话+默认欢迎语 第一步：接入环信UI--ease-im-kit[https://editor...
仿微信聊天应用 使用FLEX布局设计微信交互界面，要去移动端和PC端通用； 具有添加朋友的功能，即用户登录网站后，...
坑一： 未在AndroidManifest.xml 中设置有效的EASEMOB_APPKEY初始化直接挂。刚接入的...
0. cell 的id 可以用代码注册 也可以在storyboard中注册 1. cell 的创建 identif...
最近由app开发分配到了前端组,负责PC端的聊天功能,现在记录一下当时集成环信sdk遇到的坑 环境: npm集成 ...
网易云信金融魔方红包接入文档v2.0 一、文档说明 基于网易云信的IM，接入金融魔方IM红包SDK实现App快速集...
登陆原理 好友体系原理 通过环信来管理好友体系 通过AppServer来管理好友体系 用户昵称，头像 环信采用低侵...
一讲到IM，我们就会想到微信、QQ这样的即时聊天系统，那么一个聊天系统都有哪些构成要素，一个完整的IM系统又是什么...
本文标题：PC端网站接入环信IM聊天系统
本文链接：https://www.haomeiwen.com/subject/kjpofctx.html
网友评论