2
评论
顶 环信大学：2021漫游指南，PC Web、Uni-App、小程序集成环信IM都在这里了
开发者管理后台 讨论区 • beyond 发表了文章 • 200 次浏览 • 2021-01-07 12:49
与其说这是一篇集成攻略，其实这更多是对于官网文档的一篇解释说明，相信很多的小伙伴在准备将环信的IM即时通讯能力集成或移植在自己的项目上都会出现一头雾水或无从下手的感觉，即使看遍了官方文档也不免心生疑问：
“啥？！啥？！啥？！这是啥？！文档写的是个啥？！”
所以我决定更加直白且详细的描述一下如何集成web端的IM SDK，（小程序、Uni-app通用）以下是概览：
一、 注册环信console，创建自己的应用，拿到Appkey。
二、 粗略浏览官方文档，熟悉大致流程及接口。
三、 Clone Demo，挑出必选引入文件。
四、 Hello World! （从注册登陆开始）。
常见问题以及error报错查询入口：
http://docs-im.easemob.com/faq
http://docs-im.easemob.com/im/other/errorcode/web
http://docs-im.easemob.com/im/ ... stapi
以下为较为详细的描述一些集成步骤，如一些步骤已非常了解且已操作完成请自行跳过。
一、注册环信console，创建自己的应用，拿到Appkey
PS:这一步骤，各端通用。
1. 注册console 管理后台
相信经常使用第三方服务的小伙伴都非常熟悉这一步（不熟悉？没关系，照着葫芦画瓢就行），打开开发者平台进行注册登录创建等操作，这一点我就不过多赘述，直接上注册平台链接：https://console.easemob.com/user/login
注册成功之后会跳转到这样的一个界面：
这个就是console后台管理页面，这个实际就属于一个后台管理系统，创建自己的项目应用，监测日活，统计注册用户数，常见的一些增删改查操作都可以执行，没事可以捣鼓捣鼓看看有哪些功能，这里我就不多介绍了，咱们接着往下进行。
2. 创建应用
创建应用这一步搁咱们JavaScript其实可以理解为 new 了一个空对象，var了一个空变量等等随意怎么比喻都可以。如果放在现实当中其实更像是创建了一个公司，这个公司有公司名也就是Appname,而每个公司肯定有一个唯一的公司代码（公司的身份证ID号），也就是Appkey。公司人数也就是创建出来的应用下注册的用户数量等等。
点击添加应用开始创建：
创建应用的详情页：
这里我特意框住是因为经常有人告诉我：“创建出来的appkey在客户端测试时候点击注册没法注册，报错描述是401无权限是怎么回事？”
最后发现是创建应用的时候注册模式选的是授权注册，你选个授权注册，看眼描述就知道这种注册模式相当于注册是要经过审批的，如果测试阶段可以使用开放注册，后期还可以修改注册模式。
这个是创建成功之后点击进入应用的基本信息描述，分别对应的是什么功能也有描述，Appkey也就成功拿到了，由orgname +“#”+appname组成的appkey。如图：
这里特别说下这个Client ID和Client Secret ，有了Client ID和Client Secret就可以获取到管理员token从而可以在应用下随意增删改查，发消息，之前有遇到泄露导致客户端用户莫名其妙收到一些骚扰信息，当然这都算轻的，所以正式环境下一定要保管好Client ID和Client Secret ！！！
二、粗略浏览官方文档，熟悉大致流程及接口
PS：这一步骤，各端通用
可能有的小伙伴觉得这一步我再拉出来讲意义不是很大没什么用，其实不然，因为在协助一些小伙伴集成SDK中发现有的朋友对于在自己项目中要用到的接口都还不知道在哪，更谈不上如何使用。文档通篇一字不落看下来也不太现实，但是大致知道一些后期咱们的项目中有哪些接口可能会用到，知道大概在哪能找到调用方式还是很有必要的。
一篇文档中我们可以从这些方向看：
SDK功能分类，更新日志（了解SDK更新周期，新增功能，修复问题），Demo的使用介绍，兼容性以及常见问题。
Uni-app打包双端的介绍，运行平台描述，源码的GitHub地址。
而且文档中也有描述一些可能会遇到的坑，一些解决方案。例如：发送URL类型的图片消息需要在config配置文件中配置。
通过“WebIM.conn.mr_cache = ”方法可以重置拉取历史消息的游标。
常用的新消息提示如何去处理，等等都会有一些描述，磨刀不误砍柴工，因此我强烈建议各位在正式开始集成之前首先浏览一下咱们对应端的文档。
在此我也正好有几个常用的功能场景提供给大家，文档中有介绍，为了方便各位也还是直接上链接。
消息回执（涉及到web端已读未读的处理）：
http://docs-im.easemob.com/im/ ... %25A7
消息漫游（涉及到web端拉取历史SDK接口）：
http://docs-im.easemob.com/im/ ... %25B8
昵称与头像（涉及到昵称与头像的处理）：
http://docs-im.easemob.com/im/ ... kname
获取管理员token（一些服务端rest接口的调用需获取管理员token）：
http://docs-im.easemob.com/im/ ... %2590
拉取历史消息文件（将聊天产生的历史消息保存到本地服务器）：
http://docs-im.easemob.com/im/ ... %25B6
更多常用实现场景可以参考文档常见方案一栏，里面可能有些只有IOS 和 Android 解决方案，但是web端实际也是相似的处理方式，瞜一眼相信会有些启发。
http://docs-im.easemob.com/im/ ... troom
文档已浏览完毕，接着往下进行。
三、Clone Demo、挑选出必要文件
其实这一步主要面向于直接下载了官网Demo，但是不知道如何把将Demo往里引入的同学，在协助集成的过程中，我经常遇到有些朋友启动Demo测试完成之后，直接就把所有Demo文件拷贝到了原有项目当中，我们知道前端的部署打包的性能优化是与压缩精简代码，减少请求数量，页面结构，浏览器缓存等因素是相关的，我并不建议完全将Demo拷贝到咱们的原项目当中。
首先我想说下现有PCweb-Demo uni-appDemo 微信小程序Demo等Demo 的意义是为我们开发者小伙伴展示功能接口的实际运用，即时通讯能力的接口测验，各接口组合使用的运用逻辑及调用顺序 ，当然更是给了咱们在实际项目开发当中有了一定的参考作用。由于其功能性的考虑并没有按照线上产品的标准去做，所以其代码内部接口中有些接口的调用以及请求并未考虑性能因素，功能并未完全实现展示。
相信通过我的描述，也就明白了为什么不建议将Demo完全拷贝到原有项目中，因为可能会对咱们的性能优化造成一定的影响，并且可能会有很多代码对项目中的功能实现并无任何帮助，有些组件关联，运行可能会有更多难以排查的报错，更多是建议可以参考一下Demo当中的写法。
下面我先介绍一下uni-app-Demo集成 IMSDK的操作：
Uni-App-Demo GitHub地址：
https://github.com/easemob/webim-uniapp-demo
1. 将clone下来Demo于HbuilderX中打开，首先咱们不急着运行先了解一下目录下各个文件的作用。
<!-- 截图来自uni-appDemo中的README.md文件，详细可以自行查看 -->
2. 将核心文件导入到自己的测试项目或正式项目中。
随着环信3.x IM SDK的更新，现在引入依赖文件相对之前2.x IM SDK的集成引数个文件无疑是简单了许多。
Uni-app-Demo中需要引用的文件截图：
其实除SDK必须引入之外，WebIMConfig.js 以及WebIM.js也可以不引用，但是在项目中必须要存在，听起来很矛盾，但实际含义就是WebIMConfig.js该有的配置你必须要配置，WebIM.js中的初始化这一步你也必须要进行初始化，至于你要命名为其他文件名，放在其他位置也不是不可以的。
SDK包：PCWeb端：websdk3.x.js 小程序/Uni-app：wxsdk3.x.js
WebIMConfig.js：这个文件的作用就是将引入的WebIMSDK进行自定义配置：
如图文档上有对各个配置项的作用详细介绍，建议在集成过程中的配置页可以参考Demo中的配置进行配置，但是各个配置项的开启与否，参数设置请自行按需设置。
依然是在协助小伙伴集成环信IM的过程经常会遇到有小伙伴问配置项中的：“socket Server地址：socketServer: '//im-api-v2.easemob.com/ws', // ”和“rest Server地址：restServer: '//a1.easemob.com' ”，“需不需要配置成自己项目地址，或者自己去定义这两个参数？”，对于这个问题，我只能回答说千万别！这个是定义好了的，你要做的基本就只需要将appkey：改成自己申请的，其他几乎不用动。
WebIM.js：将SDK的配置以及引入的SDK进一步做处理简称：初始化。
导出SDK 并引入WebIMConfig.js文件,将SDK重命名为WebIM挂载到window或uni或wx下，视情况决定。
同样这一步文档也有详细的描述：
3. 完成文件导入挂载，开始配置并添加监听回调。
如图，监听仅截图一部分：
在集成Web端（包括小程序以及Uni-app）IM中，所有的事件监听都是要靠WebIM.conn.listen( )，由此可以看出其重要性。
所以在初始化阶段结束后我们首要将监听配置添加上。
至于监听的具体位置应该添加在哪里这个实际并没有严格的要求，PCwebDemo中是将监听写在了WebIM.js中，微信小程序Demo是将监听写在了app.js，uni-app是将监听写在了App.vue根组件中，多数是写在了全局。但其实监听也可以写在局部，前提局部能够访问到WebIM，然后在局部添加上监听回调，不管是全局监听还是局部监听都要在SDK接口调用之前布置好监听并开启监听。
下面我们再来聊一下监听中的个别监听回调的作用以及实际运用，其监听的作用文档已有详细描写且较为好了解，这里就不再一一赘述。
onOpened: function ( ) {}, //连接成功回调
此监听为与环信连接成功之后触发的监听回调，经常会出现一个问题就是明明环信conn.open登陆接口都已经返回success都已经返回token了，可是发送消息依然报错，接收消息也接收不到。那么我们首要检查的就是该监听有没有触发，放个console.log( )看下登陆之后的该回调有没有成功的打印，如果打印了那么说明成功与环信建立了连接！也就可以进行其他的操作了。
经常有朋友问：“登陆成功之后打印message形参为什么是undefined?是不是登陆有问题？”，其实不是这个message并不会有任何返回，登陆是否成功一切以onOpened监听回调是否执行为准！
在该监听的实际运用中Demo中其实也做了很好的演示，就是登陆之后的页面跳转，这个非常常用，因为IM聊天功能是否可以使用首要的判断必然是与环信是否建立连接成功，成功那么跳转进入聊天页面。
onClosed: function ( message ) {}, //连接关闭回调
此监听为与环信连接关闭的监听回调，其实也没有具体要描述的地方，更多的是该监听经常用来处理在与环信断开连接时候的一些UI层面的提示，或者再意外断开连接之后退回到login页面，以及有些场景下进行手动重连。
onMessage：function ( message ) {}, //监听收到消息的回调
这里的onMessage是对所有收到消息的回调的一个简称，例如：onTextMessage 监听文本消息、onPictureMessage 监听图片消息、onAudioMessage 监听音频消息，等等... 这个监听相信不用过多描述就可以清楚其功能，消息监听回调非常的核心，所有的消息都是仰仗这几个监听回调拿到的。测试的时候可以在监听回调中定义形参并控制台打印参数查看消息监听是否正常触发并接收数据。
截图为onTextMessage监听收到的单聊消息
onError: function ( message ) {}, //失败回调
此监听回调可监听SDK中大多数的error抛出，在集成开发过程中帮助更快定位问题原因，并且可在回调中根据error信息从UI层面进行提示，因此其实际运用相对也常用。
截图为Uni-appDemo利用onError监听做出的提示以及一些操作。
当然有些error出现之后大家可能不知道其具体含义下面为分析一下error异常的判断思路，
首先onError监听回调的message字段就已经给出了大致error原因：
例图中onError回调返回的对象中的message字段value的值中给出了“login failed”登陆异常，接着我们看data字段下给出的具体原因，不难看出invalid password 不打开百度翻译也能猜出密码有问题，那么我们也就可以以此判断，登陆密码错误，或者对用户做出弹窗提示。
同样的type：1,同样的message：“login failed”，error详情就又不一样了，error介绍：“user not found” 用户找不到，所以具体的判断error原因还是要以data下的error_description给出的原因去定位。
当然有些error也会出现一些其他的情况，并不返回message 参数，data也是空的，只给出了一个type类型，像这种情况其实就是在没有登陆的情况下调用了SDK接口，那么这时首先要判断的就是是否登录了环信，或者已经登陆但是又断开了与环信的连接。
截图为未登录调用了获取群组详情返回的error。
在已登录的情况下查询群组详情，error详情直接给出了找不到 group ID为XXXXXX的群组，此时就可以以此判断，或给出提示查找不到群ID为...的详情
onPresence: function ( message ) {}, //处理“广播”或“发布-订阅”消息，如联系人订阅请求、处理群组、聊天室被踢解散等消息。
此监听正如描述所讲，处理“广播”或“发布-订阅消息”，至于发布-订阅消息可以去了解一下设计模式，发布订阅者模式，这里就不再进行解释了，这里主要讲的是该监听如果在实际运用中的作用是什么。
我们先看下Uni-appDemo中的示例：
通过观察我们看到了示例中运用到了switch case 语句通过回调里message中不同的type类型从而对应执行不同的提示或其他逻辑操作。
在实际SDK集成过程中，例如：“申请添加好友、删除好友，邀请入群，他人退群，新增群组管理员、他人加入聊天室，退出聊天室”等操作均会触发此监听的执行并回调出对应行为类型的type字段，根据type类型我们从而可以给出对应的UI层面的提示，或发布-订阅事件，uni-appDemo中的disp.fire(‘XXXX’),正是发布-订阅模式中的发布事件。
如果我们需要详细的类型，则可以在文档中的事件监听找到：
好友状态事件监听：
现有的好友事件监听，已新增对应的回调监听：
群组事件监听：
文档地址：
http://docs-im.easemob.com/im/ ... %25AC
聊天室事件监听：
文档地址：
http://docs-im.easemob.com/im/ ... %25AC
以上变为常用的几个监听的介绍，具体的使用还是以咱们实际项目中的逻辑为准。
SDK，config配置，以及初始化，监听都已配置完毕，下面我们就开始注册、登陆环信ID，发出我们的第一条消息吧！
四、Hello World ! (从注册登录开始)
环信所有的功能性SDK接口调用都是要从注册及登陆成功方可有效使用，如已注册，登陆则是客户端调用的第一个接口。
下面我将从注册接口开始讲起：
注册，web端注册接口如图：
客户端是否能够直接调用注册接口，需要先去环信IM管理后台检查该Appkey的注册模式是否为开放注册，授权模式的话，此接口调用注册会直接出现下图情况
Open registration doesn't allow, so register user need token
开放注册不允许，所以注册用户需要token
注册成功会触发注册接口中的success回调,并有注册信息的返回如图：返回字段包含创建时间，appname，orgname等信息。
注册完成之后便可以开始调用登陆接口完成登录操作。
下面我们来了解SDK提供的两种登陆方式：
1. 用户名密码登陆（环信ID、密码登陆），截图为文档——登陆接口：
user: String //环信ID
pwd：String //注册时的密码
appKey // appkey 初始化后appkey
2. token登陆（使用token进行免密登陆）
该登陆方式可以进行免密登陆，常见用于刷新页面之后的二次登陆。
比较常用到的场景，例如从login页面跳转到chat页面，用户在当前页面刷新之后不再进行login页面登陆直接正常进行聊天。（刷新页面是会断开与环信的连接，如不登陆则无法调用SDK接口）。
token获取：token的获取是在用户名密码登陆成功后的success回调中返回获取。
access_token字段为token。
expires_in字段为token有效期，单位为秒，有效期内token可重复使用。
uni-app-demo中的用户名密码登陆的接口调用
Uni-app-demo中的token登陆：
有时我们会遇到success成功的返回了token，可是发送消息或者调用其他接口还是会出现报错，或者提示未登录的error，这时我们首要排查的情况还是检查一下onOpened监听是否成功触发，与环信的连接建立还是要以onOpened监听触发为准！
监听成功打印，意味着登陆成功！
这里顺便给大家两个检验是否登录的方法。
1. WebIM.conn方法下有一个logOut字段，该字段为true时表明未登录状态，该字段为false时表明登陆：
2. WebIM.conn.isOpened () 方法有三个状态，undefined为未登录状态，true为已登录状态，false为未登录状态，可以根据这三个状态去判断是否登录：
到这里登陆就说完了，至于为什么没有讲下去也是因为只要登录成功，其他接口就可以按需调用，相信以各位小伙伴的能力接着往下进行也不是很困难了，当然也说不定有些奇葩问题搞不定，那么建议咱们可以去环信官网去寻求我们支持同事的帮助，将遇到的问题描述清楚，问题将在24H以内得到回复。
最后愿JavaScript之父布兰登·艾克
保佑各位项目顺利上线！ 查看全部
“啥？！啥？！啥？！这是啥？！文档写的是个啥？！”
所以我决定更加直白且详细的描述一下如何集成web端的IM SDK，（小程序、Uni-app通用）以下是概览：
一、 注册环信console，创建自己的应用，拿到Appkey。
二、 粗略浏览官方文档，熟悉大致流程及接口。
三、 Clone Demo，挑出必选引入文件。
四、 Hello World! （从注册登陆开始）。
常见问题以及error报错查询入口：
http://docs-im.easemob.com/faq
http://docs-im.easemob.com/im/other/errorcode/web
http://docs-im.easemob.com/im/ ... stapi
以下为较为详细的描述一些集成步骤，如一些步骤已非常了解且已操作完成请自行跳过。
一、注册环信console，创建自己的应用，拿到Appkey
PS:这一步骤，各端通用。
1. 注册console 管理后台
相信经常使用第三方服务的小伙伴都非常熟悉这一步（不熟悉？没关系，照着葫芦画瓢就行），打开开发者平台进行注册登录创建等操作，这一点我就不过多赘述，直接上注册平台链接：https://console.easemob.com/user/login
注册成功之后会跳转到这样的一个界面：
这个就是console后台管理页面，这个实际就属于一个后台管理系统，创建自己的项目应用，监测日活，统计注册用户数，常见的一些增删改查操作都可以执行，没事可以捣鼓捣鼓看看有哪些功能，这里我就不多介绍了，咱们接着往下进行。
2. 创建应用
创建应用这一步搁咱们JavaScript其实可以理解为 new 了一个空对象，var了一个空变量等等随意怎么比喻都可以。如果放在现实当中其实更像是创建了一个公司，这个公司有公司名也就是Appname,而每个公司肯定有一个唯一的公司代码（公司的身份证ID号），也就是Appkey。公司人数也就是创建出来的应用下注册的用户数量等等。
点击添加应用开始创建：
创建应用的详情页：
这里我特意框住是因为经常有人告诉我：“创建出来的appkey在客户端测试时候点击注册没法注册，报错描述是401无权限是怎么回事？”
最后发现是创建应用的时候注册模式选的是授权注册，你选个授权注册，看眼描述就知道这种注册模式相当于注册是要经过审批的，如果测试阶段可以使用开放注册，后期还可以修改注册模式。
这个是创建成功之后点击进入应用的基本信息描述，分别对应的是什么功能也有描述，Appkey也就成功拿到了，由orgname +“#”+appname组成的appkey。如图：
这里特别说下这个Client ID和Client Secret ，有了Client ID和Client Secret就可以获取到管理员token从而可以在应用下随意增删改查，发消息，之前有遇到泄露导致客户端用户莫名其妙收到一些骚扰信息，当然这都算轻的，所以正式环境下一定要保管好Client ID和Client Secret ！！！
二、粗略浏览官方文档，熟悉大致流程及接口
PS：这一步骤，各端通用
可能有的小伙伴觉得这一步我再拉出来讲意义不是很大没什么用，其实不然，因为在协助一些小伙伴集成SDK中发现有的朋友对于在自己项目中要用到的接口都还不知道在哪，更谈不上如何使用。文档通篇一字不落看下来也不太现实，但是大致知道一些后期咱们的项目中有哪些接口可能会用到，知道大概在哪能找到调用方式还是很有必要的。
一篇文档中我们可以从这些方向看：
SDK功能分类，更新日志（了解SDK更新周期，新增功能，修复问题），Demo的使用介绍，兼容性以及常见问题。
Uni-app打包双端的介绍，运行平台描述，源码的GitHub地址。
而且文档中也有描述一些可能会遇到的坑，一些解决方案。例如：发送URL类型的图片消息需要在config配置文件中配置。
通过“WebIM.conn.mr_cache = ”方法可以重置拉取历史消息的游标。
常用的新消息提示如何去处理，等等都会有一些描述，磨刀不误砍柴工，因此我强烈建议各位在正式开始集成之前首先浏览一下咱们对应端的文档。
在此我也正好有几个常用的功能场景提供给大家，文档中有介绍，为了方便各位也还是直接上链接。
消息回执（涉及到web端已读未读的处理）：
http://docs-im.easemob.com/im/ ... %25A7
消息漫游（涉及到web端拉取历史SDK接口）：
http://docs-im.easemob.com/im/ ... %25B8
昵称与头像（涉及到昵称与头像的处理）：
http://docs-im.easemob.com/im/ ... kname
获取管理员token（一些服务端rest接口的调用需获取管理员token）：
http://docs-im.easemob.com/im/ ... %2590
拉取历史消息文件（将聊天产生的历史消息保存到本地服务器）：
http://docs-im.easemob.com/im/ ... %25B6
更多常用实现场景可以参考文档常见方案一栏，里面可能有些只有IOS 和 Android 解决方案，但是web端实际也是相似的处理方式，瞜一眼相信会有些启发。
http://docs-im.easemob.com/im/ ... troom
文档已浏览完毕，接着往下进行。
三、Clone Demo、挑选出必要文件
其实这一步主要面向于直接下载了官网Demo，但是不知道如何把将Demo往里引入的同学，在协助集成的过程中，我经常遇到有些朋友启动Demo测试完成之后，直接就把所有Demo文件拷贝到了原有项目当中，我们知道前端的部署打包的性能优化是与压缩精简代码，减少请求数量，页面结构，浏览器缓存等因素是相关的，我并不建议完全将Demo拷贝到咱们的原项目当中。
首先我想说下现有PCweb-Demo uni-appDemo 微信小程序Demo等Demo 的意义是为我们开发者小伙伴展示功能接口的实际运用，即时通讯能力的接口测验，各接口组合使用的运用逻辑及调用顺序 ，当然更是给了咱们在实际项目开发当中有了一定的参考作用。由于其功能性的考虑并没有按照线上产品的标准去做，所以其代码内部接口中有些接口的调用以及请求并未考虑性能因素，功能并未完全实现展示。
相信通过我的描述，也就明白了为什么不建议将Demo完全拷贝到原有项目中，因为可能会对咱们的性能优化造成一定的影响，并且可能会有很多代码对项目中的功能实现并无任何帮助，有些组件关联，运行可能会有更多难以排查的报错，更多是建议可以参考一下Demo当中的写法。
下面我先介绍一下uni-app-Demo集成 IMSDK的操作：
Uni-App-Demo GitHub地址：
https://github.com/easemob/webim-uniapp-demo
1. 将clone下来Demo于HbuilderX中打开，首先咱们不急着运行先了解一下目录下各个文件的作用。
<!-- 截图来自uni-appDemo中的README.md文件，详细可以自行查看 -->
2. 将核心文件导入到自己的测试项目或正式项目中。
随着环信3.x IM SDK的更新，现在引入依赖文件相对之前2.x IM SDK的集成引数个文件无疑是简单了许多。
Uni-app-Demo中需要引用的文件截图：
其实除SDK必须引入之外，WebIMConfig.js 以及WebIM.js也可以不引用，但是在项目中必须要存在，听起来很矛盾，但实际含义就是WebIMConfig.js该有的配置你必须要配置，WebIM.js中的初始化这一步你也必须要进行初始化，至于你要命名为其他文件名，放在其他位置也不是不可以的。
SDK包：PCWeb端：websdk3.x.js 小程序/Uni-app：wxsdk3.x.js
WebIMConfig.js：这个文件的作用就是将引入的WebIMSDK进行自定义配置：
如图文档上有对各个配置项的作用详细介绍，建议在集成过程中的配置页可以参考Demo中的配置进行配置，但是各个配置项的开启与否，参数设置请自行按需设置。
依然是在协助小伙伴集成环信IM的过程经常会遇到有小伙伴问配置项中的：“socket Server地址：socketServer: '//im-api-v2.easemob.com/ws', // ”和“rest Server地址：restServer: '//a1.easemob.com' ”，“需不需要配置成自己项目地址，或者自己去定义这两个参数？”，对于这个问题，我只能回答说千万别！这个是定义好了的，你要做的基本就只需要将appkey：改成自己申请的，其他几乎不用动。
WebIM.js：将SDK的配置以及引入的SDK进一步做处理简称：初始化。
导出SDK 并引入WebIMConfig.js文件,将SDK重命名为WebIM挂载到window或uni或wx下，视情况决定。
同样这一步文档也有详细的描述：
3. 完成文件导入挂载，开始配置并添加监听回调。
如图，监听仅截图一部分：
在集成Web端（包括小程序以及Uni-app）IM中，所有的事件监听都是要靠WebIM.conn.listen( )，由此可以看出其重要性。
所以在初始化阶段结束后我们首要将监听配置添加上。
至于监听的具体位置应该添加在哪里这个实际并没有严格的要求，PCwebDemo中是将监听写在了WebIM.js中，微信小程序Demo是将监听写在了app.js，uni-app是将监听写在了App.vue根组件中，多数是写在了全局。但其实监听也可以写在局部，前提局部能够访问到WebIM，然后在局部添加上监听回调，不管是全局监听还是局部监听都要在SDK接口调用之前布置好监听并开启监听。
下面我们再来聊一下监听中的个别监听回调的作用以及实际运用，其监听的作用文档已有详细描写且较为好了解，这里就不再一一赘述。
onOpened: function ( ) {}, //连接成功回调
此监听为与环信连接成功之后触发的监听回调，经常会出现一个问题就是明明环信conn.open登陆接口都已经返回success都已经返回token了，可是发送消息依然报错，接收消息也接收不到。那么我们首要检查的就是该监听有没有触发，放个console.log( )看下登陆之后的该回调有没有成功的打印，如果打印了那么说明成功与环信建立了连接！也就可以进行其他的操作了。
经常有朋友问：“登陆成功之后打印message形参为什么是undefined?是不是登陆有问题？”，其实不是这个message并不会有任何返回，登陆是否成功一切以onOpened监听回调是否执行为准！
在该监听的实际运用中Demo中其实也做了很好的演示，就是登陆之后的页面跳转，这个非常常用，因为IM聊天功能是否可以使用首要的判断必然是与环信是否建立连接成功，成功那么跳转进入聊天页面。
onClosed: function ( message ) {}, //连接关闭回调
此监听为与环信连接关闭的监听回调，其实也没有具体要描述的地方，更多的是该监听经常用来处理在与环信断开连接时候的一些UI层面的提示，或者再意外断开连接之后退回到login页面，以及有些场景下进行手动重连。
onMessage：function ( message ) {}, //监听收到消息的回调
这里的onMessage是对所有收到消息的回调的一个简称，例如：onTextMessage 监听文本消息、onPictureMessage 监听图片消息、onAudioMessage 监听音频消息，等等... 这个监听相信不用过多描述就可以清楚其功能，消息监听回调非常的核心，所有的消息都是仰仗这几个监听回调拿到的。测试的时候可以在监听回调中定义形参并控制台打印参数查看消息监听是否正常触发并接收数据。
截图为onTextMessage监听收到的单聊消息
onError: function ( message ) {}, //失败回调
此监听回调可监听SDK中大多数的error抛出，在集成开发过程中帮助更快定位问题原因，并且可在回调中根据error信息从UI层面进行提示，因此其实际运用相对也常用。
截图为Uni-appDemo利用onError监听做出的提示以及一些操作。
当然有些error出现之后大家可能不知道其具体含义下面为分析一下error异常的判断思路，
首先onError监听回调的message字段就已经给出了大致error原因：
例图中onError回调返回的对象中的message字段value的值中给出了“login failed”登陆异常，接着我们看data字段下给出的具体原因，不难看出invalid password 不打开百度翻译也能猜出密码有问题，那么我们也就可以以此判断，登陆密码错误，或者对用户做出弹窗提示。
同样的type：1,同样的message：“login failed”，error详情就又不一样了，error介绍：“user not found” 用户找不到，所以具体的判断error原因还是要以data下的error_description给出的原因去定位。
当然有些error也会出现一些其他的情况，并不返回message 参数，data也是空的，只给出了一个type类型，像这种情况其实就是在没有登陆的情况下调用了SDK接口，那么这时首先要判断的就是是否登录了环信，或者已经登陆但是又断开了与环信的连接。
截图为未登录调用了获取群组详情返回的error。
在已登录的情况下查询群组详情，error详情直接给出了找不到 group ID为XXXXXX的群组，此时就可以以此判断，或给出提示查找不到群ID为...的详情
onPresence: function ( message ) {}, //处理“广播”或“发布-订阅”消息，如联系人订阅请求、处理群组、聊天室被踢解散等消息。
此监听正如描述所讲，处理“广播”或“发布-订阅消息”，至于发布-订阅消息可以去了解一下设计模式，发布订阅者模式，这里就不再进行解释了，这里主要讲的是该监听如果在实际运用中的作用是什么。
我们先看下Uni-appDemo中的示例：
通过观察我们看到了示例中运用到了switch case 语句通过回调里message中不同的type类型从而对应执行不同的提示或其他逻辑操作。
在实际SDK集成过程中，例如：“申请添加好友、删除好友，邀请入群，他人退群，新增群组管理员、他人加入聊天室，退出聊天室”等操作均会触发此监听的执行并回调出对应行为类型的type字段，根据type类型我们从而可以给出对应的UI层面的提示，或发布-订阅事件，uni-appDemo中的disp.fire(‘XXXX’),正是发布-订阅模式中的发布事件。
如果我们需要详细的类型，则可以在文档中的事件监听找到：
好友状态事件监听：
现有的好友事件监听，已新增对应的回调监听：
群组事件监听：
文档地址：
http://docs-im.easemob.com/im/ ... %25AC
聊天室事件监听：
文档地址：
http://docs-im.easemob.com/im/ ... %25AC
以上变为常用的几个监听的介绍，具体的使用还是以咱们实际项目中的逻辑为准。
SDK，config配置，以及初始化，监听都已配置完毕，下面我们就开始注册、登陆环信ID，发出我们的第一条消息吧！
四、Hello World ! (从注册登录开始)
环信所有的功能性SDK接口调用都是要从注册及登陆成功方可有效使用，如已注册，登陆则是客户端调用的第一个接口。
下面我将从注册接口开始讲起：
注册，web端注册接口如图：
客户端是否能够直接调用注册接口，需要先去环信IM管理后台检查该Appkey的注册模式是否为开放注册，授权模式的话，此接口调用注册会直接出现下图情况
Open registration doesn't allow, so register user need token
开放注册不允许，所以注册用户需要token
注册成功会触发注册接口中的success回调,并有注册信息的返回如图：返回字段包含创建时间，appname，orgname等信息。
注册完成之后便可以开始调用登陆接口完成登录操作。
下面我们来了解SDK提供的两种登陆方式：
1. 用户名密码登陆（环信ID、密码登陆），截图为文档——登陆接口：
user: String //环信ID
pwd：String //注册时的密码
appKey // appkey 初始化后appkey
2. token登陆（使用token进行免密登陆）
该登陆方式可以进行免密登陆，常见用于刷新页面之后的二次登陆。
比较常用到的场景，例如从login页面跳转到chat页面，用户在当前页面刷新之后不再进行login页面登陆直接正常进行聊天。（刷新页面是会断开与环信的连接，如不登陆则无法调用SDK接口）。
token获取：token的获取是在用户名密码登陆成功后的success回调中返回获取。
access_token字段为token。
expires_in字段为token有效期，单位为秒，有效期内token可重复使用。
uni-app-demo中的用户名密码登陆的接口调用
Uni-app-demo中的token登陆：
有时我们会遇到success成功的返回了token，可是发送消息或者调用其他接口还是会出现报错，或者提示未登录的error，这时我们首要排查的情况还是检查一下onOpened监听是否成功触发，与环信的连接建立还是要以onOpened监听触发为准！
监听成功打印，意味着登陆成功！
这里顺便给大家两个检验是否登录的方法。
1. WebIM.conn方法下有一个logOut字段，该字段为true时表明未登录状态，该字段为false时表明登陆：
2. WebIM.conn.isOpened () 方法有三个状态，undefined为未登录状态，true为已登录状态，false为未登录状态，可以根据这三个状态去判断是否登录：
到这里登陆就说完了，至于为什么没有讲下去也是因为只要登录成功，其他接口就可以按需调用，相信以各位小伙伴的能力接着往下进行也不是很困难了，当然也说不定有些奇葩问题搞不定，那么建议咱们可以去环信官网去寻求我们支持同事的帮助，将遇到的问题描述清楚，问题将在24H以内得到回复。
最后愿JavaScript之父布兰登·艾克
保佑各位项目顺利上线！ 查看全部
与其说这是一篇集成攻略，其实这更多是对于官网文档的一篇解释说明，相信很多的小伙伴在准备将环信的IM即时通讯能力集成或移植在自己的项目上都会出现一头雾水或无从下手的感觉，即使看遍了官方文档也不免心生疑问：
“啥？！啥？！啥？！这是啥？！文档写的是个啥？！”
所以我决定更加直白且详细的描述一下如何集成web端的IM SDK，（小程序、Uni-app通用）以下是概览：
一、 注册环信console，创建自己的应用，拿到Appkey。
二、 粗略浏览官方文档，熟悉大致流程及接口。
三、 Clone Demo，挑出必选引入文件。
四、 Hello World! （从注册登陆开始）。
常见问题以及error报错查询入口：
http://docs-im.easemob.com/faq
http://docs-im.easemob.com/im/other/errorcode/web
http://docs-im.easemob.com/im/ ... stapi
以下为较为详细的描述一些集成步骤，如一些步骤已非常了解且已操作完成请自行跳过。
一、注册环信console，创建自己的应用，拿到Appkey
PS:这一步骤，各端通用。
1. 注册console 管理后台
相信经常使用第三方服务的小伙伴都非常熟悉这一步（不熟悉？没关系，照着葫芦画瓢就行），打开开发者平台进行注册登录创建等操作，这一点我就不过多赘述，直接上注册平台链接：https://console.easemob.com/user/login
注册成功之后会跳转到这样的一个界面：
这个就是console后台管理页面，这个实际就属于一个后台管理系统，创建自己的项目应用，监测日活，统计注册用户数，常见的一些增删改查操作都可以执行，没事可以捣鼓捣鼓看看有哪些功能，这里我就不多介绍了，咱们接着往下进行。
2. 创建应用
创建应用这一步搁咱们JavaScript其实可以理解为 new 了一个空对象，var了一个空变量等等随意怎么比喻都可以。如果放在现实当中其实更像是创建了一个公司，这个公司有公司名也就是Appname,而每个公司肯定有一个唯一的公司代码（公司的身份证ID号），也就是Appkey。公司人数也就是创建出来的应用下注册的用户数量等等。
点击添加应用开始创建：
创建应用的详情页：
这里我特意框住是因为经常有人告诉我：“创建出来的appkey在客户端测试时候点击注册没法注册，报错描述是401无权限是怎么回事？”
最后发现是创建应用的时候注册模式选的是授权注册，你选个授权注册，看眼描述就知道这种注册模式相当于注册是要经过审批的，如果测试阶段可以使用开放注册，后期还可以修改注册模式。
这个是创建成功之后点击进入应用的基本信息描述，分别对应的是什么功能也有描述，Appkey也就成功拿到了，由orgname +“#”+appname组成的appkey。如图：
这里特别说下这个Client ID和Client Secret ，有了Client ID和Client Secret就可以获取到管理员token从而可以在应用下随意增删改查，发消息，之前有遇到泄露导致客户端用户莫名其妙收到一些骚扰信息，当然这都算轻的，所以正式环境下一定要保管好Client ID和Client Secret ！！！
二、粗略浏览官方文档，熟悉大致流程及接口
PS：这一步骤，各端通用
可能有的小伙伴觉得这一步我再拉出来讲意义不是很大没什么用，其实不然，因为在协助一些小伙伴集成SDK中发现有的朋友对于在自己项目中要用到的接口都还不知道在哪，更谈不上如何使用。文档通篇一字不落看下来也不太现实，但是大致知道一些后期咱们的项目中有哪些接口可能会用到，知道大概在哪能找到调用方式还是很有必要的。
一篇文档中我们可以从这些方向看：
SDK功能分类，更新日志（了解SDK更新周期，新增功能，修复问题），Demo的使用介绍，兼容性以及常见问题。
Uni-app打包双端的介绍，运行平台描述，源码的GitHub地址。
而且文档中也有描述一些可能会遇到的坑，一些解决方案。例如：发送URL类型的图片消息需要在config配置文件中配置。
通过“WebIM.conn.mr_cache = ”方法可以重置拉取历史消息的游标。
常用的新消息提示如何去处理，等等都会有一些描述，磨刀不误砍柴工，因此我强烈建议各位在正式开始集成之前首先浏览一下咱们对应端的文档。
在此我也正好有几个常用的功能场景提供给大家，文档中有介绍，为了方便各位也还是直接上链接。
消息回执（涉及到web端已读未读的处理）：
http://docs-im.easemob.com/im/ ... %25A7
消息漫游（涉及到web端拉取历史SDK接口）：
http://docs-im.easemob.com/im/ ... %25B8
昵称与头像（涉及到昵称与头像的处理）：
http://docs-im.easemob.com/im/ ... kname
获取管理员token（一些服务端rest接口的调用需获取管理员token）：
http://docs-im.easemob.com/im/ ... %2590
拉取历史消息文件（将聊天产生的历史消息保存到本地服务器）：
http://docs-im.easemob.com/im/ ... %25B6
更多常用实现场景可以参考文档常见方案一栏，里面可能有些只有IOS 和 Android 解决方案，但是web端实际也是相似的处理方式，瞜一眼相信会有些启发。
http://docs-im.easemob.com/im/ ... troom
文档已浏览完毕，接着往下进行。
三、Clone Demo、挑选出必要文件
其实这一步主要面向于直接下载了官网Demo，但是不知道如何把将Demo往里引入的同学，在协助集成的过程中，我经常遇到有些朋友启动Demo测试完成之后，直接就把所有Demo文件拷贝到了原有项目当中，我们知道前端的部署打包的性能优化是与压缩精简代码，减少请求数量，页面结构，浏览器缓存等因素是相关的，我并不建议完全将Demo拷贝到咱们的原项目当中。
首先我想说下现有PCweb-Demo uni-appDemo 微信小程序Demo等Demo 的意义是为我们开发者小伙伴展示功能接口的实际运用，即时通讯能力的接口测验，各接口组合使用的运用逻辑及调用顺序 ，当然更是给了咱们在实际项目开发当中有了一定的参考作用。由于其功能性的考虑并没有按照线上产品的标准去做，所以其代码内部接口中有些接口的调用以及请求并未考虑性能因素，功能并未完全实现展示。
相信通过我的描述，也就明白了为什么不建议将Demo完全拷贝到原有项目中，因为可能会对咱们的性能优化造成一定的影响，并且可能会有很多代码对项目中的功能实现并无任何帮助，有些组件关联，运行可能会有更多难以排查的报错，更多是建议可以参考一下Demo当中的写法。
下面我先介绍一下uni-app-Demo集成 IMSDK的操作：
Uni-App-Demo GitHub地址：
https://github.com/easemob/webim-uniapp-demo
1. 将clone下来Demo于HbuilderX中打开，首先咱们不急着运行先了解一下目录下各个文件的作用。
<!-- 截图来自uni-appDemo中的README.md文件，详细可以自行查看 -->
2. 将核心文件导入到自己的测试项目或正式项目中。
随着环信3.x IM SDK的更新，现在引入依赖文件相对之前2.x IM SDK的集成引数个文件无疑是简单了许多。
Uni-app-Demo中需要引用的文件截图：
其实除SDK必须引入之外，WebIMConfig.js 以及WebIM.js也可以不引用，但是在项目中必须要存在，听起来很矛盾，但实际含义就是WebIMConfig.js该有的配置你必须要配置，WebIM.js中的初始化这一步你也必须要进行初始化，至于你要命名为其他文件名，放在其他位置也不是不可以的。
SDK包：PCWeb端：websdk3.x.js 小程序/Uni-app：wxsdk3.x.js
WebIMConfig.js：这个文件的作用就是将引入的WebIMSDK进行自定义配置：
如图文档上有对各个配置项的作用详细介绍，建议在集成过程中的配置页可以参考Demo中的配置进行配置，但是各个配置项的开启与否，参数设置请自行按需设置。
依然是在协助小伙伴集成环信IM的过程经常会遇到有小伙伴问配置项中的：“socket Server地址：socketServer: '//im-api-v2.easemob.com/ws', // ”和“rest Server地址：restServer: '//a1.easemob.com' ”，“需不需要配置成自己项目地址，或者自己去定义这两个参数？”，对于这个问题，我只能回答说千万别！这个是定义好了的，你要做的基本就只需要将appkey：改成自己申请的，其他几乎不用动。
WebIM.js：将SDK的配置以及引入的SDK进一步做处理简称：初始化。
导出SDK 并引入WebIMConfig.js文件,将SDK重命名为WebIM挂载到window或uni或wx下，视情况决定。
同样这一步文档也有详细的描述：
3. 完成文件导入挂载，开始配置并添加监听回调。
如图，监听仅截图一部分：
在集成Web端（包括小程序以及Uni-app）IM中，所有的事件监听都是要靠WebIM.conn.listen( )，由此可以看出其重要性。
所以在初始化阶段结束后我们首要将监听配置添加上。
至于监听的具体位置应该添加在哪里这个实际并没有严格的要求，PCwebDemo中是将监听写在了WebIM.js中，微信小程序Demo是将监听写在了app.js，uni-app是将监听写在了App.vue根组件中，多数是写在了全局。但其实监听也可以写在局部，前提局部能够访问到WebIM，然后在局部添加上监听回调，不管是全局监听还是局部监听都要在SDK接口调用之前布置好监听并开启监听。
下面我们再来聊一下监听中的个别监听回调的作用以及实际运用，其监听的作用文档已有详细描写且较为好了解，这里就不再一一赘述。
onOpened: function ( ) {}, //连接成功回调
此监听为与环信连接成功之后触发的监听回调，经常会出现一个问题就是明明环信conn.open登陆接口都已经返回success都已经返回token了，可是发送消息依然报错，接收消息也接收不到。那么我们首要检查的就是该监听有没有触发，放个console.log( )看下登陆之后的该回调有没有成功的打印，如果打印了那么说明成功与环信建立了连接！也就可以进行其他的操作了。
经常有朋友问：“登陆成功之后打印message形参为什么是undefined?是不是登陆有问题？”，其实不是这个message并不会有任何返回，登陆是否成功一切以onOpened监听回调是否执行为准！
在该监听的实际运用中Demo中其实也做了很好的演示，就是登陆之后的页面跳转，这个非常常用，因为IM聊天功能是否可以使用首要的判断必然是与环信是否建立连接成功，成功那么跳转进入聊天页面。
onClosed: function ( message ) {}, //连接关闭回调
此监听为与环信连接关闭的监听回调，其实也没有具体要描述的地方，更多的是该监听经常用来处理在与环信断开连接时候的一些UI层面的提示，或者再意外断开连接之后退回到login页面，以及有些场景下进行手动重连。
onMessage：function ( message ) {}, //监听收到消息的回调
这里的onMessage是对所有收到消息的回调的一个简称，例如：onTextMessage 监听文本消息、onPictureMessage 监听图片消息、onAudioMessage 监听音频消息，等等... 这个监听相信不用过多描述就可以清楚其功能，消息监听回调非常的核心，所有的消息都是仰仗这几个监听回调拿到的。测试的时候可以在监听回调中定义形参并控制台打印参数查看消息监听是否正常触发并接收数据。
截图为onTextMessage监听收到的单聊消息
onError: function ( message ) {}, //失败回调
此监听回调可监听SDK中大多数的error抛出，在集成开发过程中帮助更快定位问题原因，并且可在回调中根据error信息从UI层面进行提示，因此其实际运用相对也常用。
截图为Uni-appDemo利用onError监听做出的提示以及一些操作。
当然有些error出现之后大家可能不知道其具体含义下面为分析一下error异常的判断思路，
首先onError监听回调的message字段就已经给出了大致error原因：
例图中onError回调返回的对象中的message字段value的值中给出了“login failed”登陆异常，接着我们看data字段下给出的具体原因，不难看出invalid password 不打开百度翻译也能猜出密码有问题，那么我们也就可以以此判断，登陆密码错误，或者对用户做出弹窗提示。
同样的type：1,同样的message：“login failed”，error详情就又不一样了，error介绍：“user not found” 用户找不到，所以具体的判断error原因还是要以data下的error_description给出的原因去定位。
当然有些error也会出现一些其他的情况，并不返回message 参数，data也是空的，只给出了一个type类型，像这种情况其实就是在没有登陆的情况下调用了SDK接口，那么这时首先要判断的就是是否登录了环信，或者已经登陆但是又断开了与环信的连接。
截图为未登录调用了获取群组详情返回的error。
在已登录的情况下查询群组详情，error详情直接给出了找不到 group ID为XXXXXX的群组，此时就可以以此判断，或给出提示查找不到群ID为...的详情
onPresence: function ( message ) {}, //处理“广播”或“发布-订阅”消息，如联系人订阅请求、处理群组、聊天室被踢解散等消息。
此监听正如描述所讲，处理“广播”或“发布-订阅消息”，至于发布-订阅消息可以去了解一下设计模式，发布订阅者模式，这里就不再进行解释了，这里主要讲的是该监听如果在实际运用中的作用是什么。
我们先看下Uni-appDemo中的示例：
通过观察我们看到了示例中运用到了switch case 语句通过回调里message中不同的type类型从而对应执行不同的提示或其他逻辑操作。
在实际SDK集成过程中，例如：“申请添加好友、删除好友，邀请入群，他人退群，新增群组管理员、他人加入聊天室，退出聊天室”等操作均会触发此监听的执行并回调出对应行为类型的type字段，根据type类型我们从而可以给出对应的UI层面的提示，或发布-订阅事件，uni-appDemo中的disp.fire(‘XXXX’),正是发布-订阅模式中的发布事件。
如果我们需要详细的类型，则可以在文档中的事件监听找到：
好友状态事件监听：
现有的好友事件监听，已新增对应的回调监听：
群组事件监听：
文档地址：
http://docs-im.easemob.com/im/ ... %25AC
聊天室事件监听：
文档地址：
http://docs-im.easemob.com/im/ ... %25AC
以上变为常用的几个监听的介绍，具体的使用还是以咱们实际项目中的逻辑为准。
SDK，config配置，以及初始化，监听都已配置完毕，下面我们就开始注册、登陆环信ID，发出我们的第一条消息吧！
四、Hello World ! (从注册登录开始)
环信所有的功能性SDK接口调用都是要从注册及登陆成功方可有效使用，如已注册，登陆则是客户端调用的第一个接口。
下面我将从注册接口开始讲起：
注册，web端注册接口如图：
客户端是否能够直接调用注册接口，需要先去环信IM管理后台检查该Appkey的注册模式是否为开放注册，授权模式的话，此接口调用注册会直接出现下图情况
Open registration doesn't allow, so register user need token
开放注册不允许，所以注册用户需要token
注册成功会触发注册接口中的success回调,并有注册信息的返回如图：返回字段包含创建时间，appname，orgname等信息。
注册完成之后便可以开始调用登陆接口完成登录操作。
下面我们来了解SDK提供的两种登陆方式：
1. 用户名密码登陆（环信ID、密码登陆），截图为文档——登陆接口：
user: String //环信ID
pwd：String //注册时的密码
appKey // appkey 初始化后appkey
2. token登陆（使用token进行免密登陆）
该登陆方式可以进行免密登陆，常见用于刷新页面之后的二次登陆。
比较常用到的场景，例如从login页面跳转到chat页面，用户在当前页面刷新之后不再进行login页面登陆直接正常进行聊天。（刷新页面是会断开与环信的连接，如不登陆则无法调用SDK接口）。
token获取：token的获取是在用户名密码登陆成功后的success回调中返回获取。
access_token字段为token。
expires_in字段为token有效期，单位为秒，有效期内token可重复使用。
uni-app-demo中的用户名密码登陆的接口调用
Uni-app-demo中的token登陆：
有时我们会遇到success成功的返回了token，可是发送消息或者调用其他接口还是会出现报错，或者提示未登录的error，这时我们首要排查的情况还是检查一下onOpened监听是否成功触发，与环信的连接建立还是要以onOpened监听触发为准！
监听成功打印，意味着登陆成功！
这里顺便给大家两个检验是否登录的方法。
1. WebIM.conn方法下有一个logOut字段，该字段为true时表明未登录状态，该字段为false时表明登陆：
2. WebIM.conn.isOpened () 方法有三个状态，undefined为未登录状态，true为已登录状态，false为未登录状态，可以根据这三个状态去判断是否登录：
到这里登陆就说完了，至于为什么没有讲下去也是因为只要登录成功，其他接口就可以按需调用，相信以各位小伙伴的能力接着往下进行也不是很困难了，当然也说不定有些奇葩问题搞不定，那么建议咱们可以去环信官网去寻求我们支持同事的帮助，将遇到的问题描述清楚，问题将在24H以内得到回复。
最后愿JavaScript之父布兰登·艾克
保佑各位项目顺利上线！
“啥？！啥？！啥？！这是啥？！文档写的是个啥？！”
所以我决定更加直白且详细的描述一下如何集成web端的IM SDK，（小程序、Uni-app通用）以下是概览：
一、 注册环信console，创建自己的应用，拿到Appkey。
二、 粗略浏览官方文档，熟悉大致流程及接口。
三、 Clone Demo，挑出必选引入文件。
四、 Hello World! （从注册登陆开始）。
常见问题以及error报错查询入口：
http://docs-im.easemob.com/faq
http://docs-im.easemob.com/im/other/errorcode/web
http://docs-im.easemob.com/im/ ... stapi
以下为较为详细的描述一些集成步骤，如一些步骤已非常了解且已操作完成请自行跳过。
一、注册环信console，创建自己的应用，拿到Appkey
PS:这一步骤，各端通用。
1. 注册console 管理后台
相信经常使用第三方服务的小伙伴都非常熟悉这一步（不熟悉？没关系，照着葫芦画瓢就行），打开开发者平台进行注册登录创建等操作，这一点我就不过多赘述，直接上注册平台链接：https://console.easemob.com/user/login
注册成功之后会跳转到这样的一个界面：
这个就是console后台管理页面，这个实际就属于一个后台管理系统，创建自己的项目应用，监测日活，统计注册用户数，常见的一些增删改查操作都可以执行，没事可以捣鼓捣鼓看看有哪些功能，这里我就不多介绍了，咱们接着往下进行。
2. 创建应用
创建应用这一步搁咱们JavaScript其实可以理解为 new 了一个空对象，var了一个空变量等等随意怎么比喻都可以。如果放在现实当中其实更像是创建了一个公司，这个公司有公司名也就是Appname,而每个公司肯定有一个唯一的公司代码（公司的身份证ID号），也就是Appkey。公司人数也就是创建出来的应用下注册的用户数量等等。
点击添加应用开始创建：
创建应用的详情页：
这里我特意框住是因为经常有人告诉我：“创建出来的appkey在客户端测试时候点击注册没法注册，报错描述是401无权限是怎么回事？”
最后发现是创建应用的时候注册模式选的是授权注册，你选个授权注册，看眼描述就知道这种注册模式相当于注册是要经过审批的，如果测试阶段可以使用开放注册，后期还可以修改注册模式。
这个是创建成功之后点击进入应用的基本信息描述，分别对应的是什么功能也有描述，Appkey也就成功拿到了，由orgname +“#”+appname组成的appkey。如图：
这里特别说下这个Client ID和Client Secret ，有了Client ID和Client Secret就可以获取到管理员token从而可以在应用下随意增删改查，发消息，之前有遇到泄露导致客户端用户莫名其妙收到一些骚扰信息，当然这都算轻的，所以正式环境下一定要保管好Client ID和Client Secret ！！！
二、粗略浏览官方文档，熟悉大致流程及接口
PS：这一步骤，各端通用
可能有的小伙伴觉得这一步我再拉出来讲意义不是很大没什么用，其实不然，因为在协助一些小伙伴集成SDK中发现有的朋友对于在自己项目中要用到的接口都还不知道在哪，更谈不上如何使用。文档通篇一字不落看下来也不太现实，但是大致知道一些后期咱们的项目中有哪些接口可能会用到，知道大概在哪能找到调用方式还是很有必要的。
一篇文档中我们可以从这些方向看：
SDK功能分类，更新日志（了解SDK更新周期，新增功能，修复问题），Demo的使用介绍，兼容性以及常见问题。
Uni-app打包双端的介绍，运行平台描述，源码的GitHub地址。
而且文档中也有描述一些可能会遇到的坑，一些解决方案。例如：发送URL类型的图片消息需要在config配置文件中配置。
通过“WebIM.conn.mr_cache = ”方法可以重置拉取历史消息的游标。
常用的新消息提示如何去处理，等等都会有一些描述，磨刀不误砍柴工，因此我强烈建议各位在正式开始集成之前首先浏览一下咱们对应端的文档。
在此我也正好有几个常用的功能场景提供给大家，文档中有介绍，为了方便各位也还是直接上链接。
消息回执（涉及到web端已读未读的处理）：
http://docs-im.easemob.com/im/ ... %25A7
消息漫游（涉及到web端拉取历史SDK接口）：
http://docs-im.easemob.com/im/ ... %25B8
昵称与头像（涉及到昵称与头像的处理）：
http://docs-im.easemob.com/im/ ... kname
获取管理员token（一些服务端rest接口的调用需获取管理员token）：
http://docs-im.easemob.com/im/ ... %2590
拉取历史消息文件（将聊天产生的历史消息保存到本地服务器）：
http://docs-im.easemob.com/im/ ... %25B6
更多常用实现场景可以参考文档常见方案一栏，里面可能有些只有IOS 和 Android 解决方案，但是web端实际也是相似的处理方式，瞜一眼相信会有些启发。
http://docs-im.easemob.com/im/ ... troom
文档已浏览完毕，接着往下进行。
三、Clone Demo、挑选出必要文件
其实这一步主要面向于直接下载了官网Demo，但是不知道如何把将Demo往里引入的同学，在协助集成的过程中，我经常遇到有些朋友启动Demo测试完成之后，直接就把所有Demo文件拷贝到了原有项目当中，我们知道前端的部署打包的性能优化是与压缩精简代码，减少请求数量，页面结构，浏览器缓存等因素是相关的，我并不建议完全将Demo拷贝到咱们的原项目当中。
首先我想说下现有PCweb-Demo uni-appDemo 微信小程序Demo等Demo 的意义是为我们开发者小伙伴展示功能接口的实际运用，即时通讯能力的接口测验，各接口组合使用的运用逻辑及调用顺序 ，当然更是给了咱们在实际项目开发当中有了一定的参考作用。由于其功能性的考虑并没有按照线上产品的标准去做，所以其代码内部接口中有些接口的调用以及请求并未考虑性能因素，功能并未完全实现展示。
相信通过我的描述，也就明白了为什么不建议将Demo完全拷贝到原有项目中，因为可能会对咱们的性能优化造成一定的影响，并且可能会有很多代码对项目中的功能实现并无任何帮助，有些组件关联，运行可能会有更多难以排查的报错，更多是建议可以参考一下Demo当中的写法。
下面我先介绍一下uni-app-Demo集成 IMSDK的操作：
Uni-App-Demo GitHub地址：
https://github.com/easemob/webim-uniapp-demo
1. 将clone下来Demo于HbuilderX中打开，首先咱们不急着运行先了解一下目录下各个文件的作用。
<!-- 截图来自uni-appDemo中的README.md文件，详细可以自行查看 -->
2. 将核心文件导入到自己的测试项目或正式项目中。
随着环信3.x IM SDK的更新，现在引入依赖文件相对之前2.x IM SDK的集成引数个文件无疑是简单了许多。
Uni-app-Demo中需要引用的文件截图：
其实除SDK必须引入之外，WebIMConfig.js 以及WebIM.js也可以不引用，但是在项目中必须要存在，听起来很矛盾，但实际含义就是WebIMConfig.js该有的配置你必须要配置，WebIM.js中的初始化这一步你也必须要进行初始化，至于你要命名为其他文件名，放在其他位置也不是不可以的。
SDK包：PCWeb端：websdk3.x.js 小程序/Uni-app：wxsdk3.x.js
WebIMConfig.js：这个文件的作用就是将引入的WebIMSDK进行自定义配置：
如图文档上有对各个配置项的作用详细介绍，建议在集成过程中的配置页可以参考Demo中的配置进行配置，但是各个配置项的开启与否，参数设置请自行按需设置。
依然是在协助小伙伴集成环信IM的过程经常会遇到有小伙伴问配置项中的：“socket Server地址：socketServer: '//im-api-v2.easemob.com/ws', // ”和“rest Server地址：restServer: '//a1.easemob.com' ”，“需不需要配置成自己项目地址，或者自己去定义这两个参数？”，对于这个问题，我只能回答说千万别！这个是定义好了的，你要做的基本就只需要将appkey：改成自己申请的，其他几乎不用动。
WebIM.js：将SDK的配置以及引入的SDK进一步做处理简称：初始化。
导出SDK 并引入WebIMConfig.js文件,将SDK重命名为WebIM挂载到window或uni或wx下，视情况决定。
同样这一步文档也有详细的描述：
3. 完成文件导入挂载，开始配置并添加监听回调。
如图，监听仅截图一部分：
在集成Web端（包括小程序以及Uni-app）IM中，所有的事件监听都是要靠WebIM.conn.listen( )，由此可以看出其重要性。
所以在初始化阶段结束后我们首要将监听配置添加上。
至于监听的具体位置应该添加在哪里这个实际并没有严格的要求，PCwebDemo中是将监听写在了WebIM.js中，微信小程序Demo是将监听写在了app.js，uni-app是将监听写在了App.vue根组件中，多数是写在了全局。但其实监听也可以写在局部，前提局部能够访问到WebIM，然后在局部添加上监听回调，不管是全局监听还是局部监听都要在SDK接口调用之前布置好监听并开启监听。
下面我们再来聊一下监听中的个别监听回调的作用以及实际运用，其监听的作用文档已有详细描写且较为好了解，这里就不再一一赘述。
onOpened: function ( ) {}, //连接成功回调
此监听为与环信连接成功之后触发的监听回调，经常会出现一个问题就是明明环信conn.open登陆接口都已经返回success都已经返回token了，可是发送消息依然报错，接收消息也接收不到。那么我们首要检查的就是该监听有没有触发，放个console.log( )看下登陆之后的该回调有没有成功的打印，如果打印了那么说明成功与环信建立了连接！也就可以进行其他的操作了。
经常有朋友问：“登陆成功之后打印message形参为什么是undefined?是不是登陆有问题？”，其实不是这个message并不会有任何返回，登陆是否成功一切以onOpened监听回调是否执行为准！
在该监听的实际运用中Demo中其实也做了很好的演示，就是登陆之后的页面跳转，这个非常常用，因为IM聊天功能是否可以使用首要的判断必然是与环信是否建立连接成功，成功那么跳转进入聊天页面。
onClosed: function ( message ) {}, //连接关闭回调
此监听为与环信连接关闭的监听回调，其实也没有具体要描述的地方，更多的是该监听经常用来处理在与环信断开连接时候的一些UI层面的提示，或者再意外断开连接之后退回到login页面，以及有些场景下进行手动重连。
onMessage：function ( message ) {}, //监听收到消息的回调
这里的onMessage是对所有收到消息的回调的一个简称，例如：onTextMessage 监听文本消息、onPictureMessage 监听图片消息、onAudioMessage 监听音频消息，等等... 这个监听相信不用过多描述就可以清楚其功能，消息监听回调非常的核心，所有的消息都是仰仗这几个监听回调拿到的。测试的时候可以在监听回调中定义形参并控制台打印参数查看消息监听是否正常触发并接收数据。
截图为onTextMessage监听收到的单聊消息
onError: function ( message ) {}, //失败回调
此监听回调可监听SDK中大多数的error抛出，在集成开发过程中帮助更快定位问题原因，并且可在回调中根据error信息从UI层面进行提示，因此其实际运用相对也常用。
截图为Uni-appDemo利用onError监听做出的提示以及一些操作。
当然有些error出现之后大家可能不知道其具体含义下面为分析一下error异常的判断思路，
首先onError监听回调的message字段就已经给出了大致error原因：
例图中onError回调返回的对象中的message字段value的值中给出了“login failed”登陆异常，接着我们看data字段下给出的具体原因，不难看出invalid password 不打开百度翻译也能猜出密码有问题，那么我们也就可以以此判断，登陆密码错误，或者对用户做出弹窗提示。
同样的type：1,同样的message：“login failed”，error详情就又不一样了，error介绍：“user not found” 用户找不到，所以具体的判断error原因还是要以data下的error_description给出的原因去定位。
当然有些error也会出现一些其他的情况，并不返回message 参数，data也是空的，只给出了一个type类型，像这种情况其实就是在没有登陆的情况下调用了SDK接口，那么这时首先要判断的就是是否登录了环信，或者已经登陆但是又断开了与环信的连接。
截图为未登录调用了获取群组详情返回的error。
在已登录的情况下查询群组详情，error详情直接给出了找不到 group ID为XXXXXX的群组，此时就可以以此判断，或给出提示查找不到群ID为...的详情
onPresence: function ( message ) {}, //处理“广播”或“发布-订阅”消息，如联系人订阅请求、处理群组、聊天室被踢解散等消息。
此监听正如描述所讲，处理“广播”或“发布-订阅消息”，至于发布-订阅消息可以去了解一下设计模式，发布订阅者模式，这里就不再进行解释了，这里主要讲的是该监听如果在实际运用中的作用是什么。
我们先看下Uni-appDemo中的示例：
通过观察我们看到了示例中运用到了switch case 语句通过回调里message中不同的type类型从而对应执行不同的提示或其他逻辑操作。
在实际SDK集成过程中，例如：“申请添加好友、删除好友，邀请入群，他人退群，新增群组管理员、他人加入聊天室，退出聊天室”等操作均会触发此监听的执行并回调出对应行为类型的type字段，根据type类型我们从而可以给出对应的UI层面的提示，或发布-订阅事件，uni-appDemo中的disp.fire(‘XXXX’),正是发布-订阅模式中的发布事件。
如果我们需要详细的类型，则可以在文档中的事件监听找到：
好友状态事件监听：
现有的好友事件监听，已新增对应的回调监听：
群组事件监听：
文档地址：
http://docs-im.easemob.com/im/ ... %25AC
聊天室事件监听：
文档地址：
http://docs-im.easemob.com/im/ ... %25AC
以上变为常用的几个监听的介绍，具体的使用还是以咱们实际项目中的逻辑为准。
SDK，config配置，以及初始化，监听都已配置完毕，下面我们就开始注册、登陆环信ID，发出我们的第一条消息吧！
四、Hello World ! (从注册登录开始)
环信所有的功能性SDK接口调用都是要从注册及登陆成功方可有效使用，如已注册，登陆则是客户端调用的第一个接口。
下面我将从注册接口开始讲起：
注册，web端注册接口如图：
客户端是否能够直接调用注册接口，需要先去环信IM管理后台检查该Appkey的注册模式是否为开放注册，授权模式的话，此接口调用注册会直接出现下图情况
Open registration doesn't allow, so register user need token
开放注册不允许，所以注册用户需要token
注册成功会触发注册接口中的success回调,并有注册信息的返回如图：返回字段包含创建时间，appname，orgname等信息。
注册完成之后便可以开始调用登陆接口完成登录操作。
下面我们来了解SDK提供的两种登陆方式：
1. 用户名密码登陆（环信ID、密码登陆），截图为文档——登陆接口：
user: String //环信ID
pwd：String //注册时的密码
appKey // appkey 初始化后appkey
2. token登陆（使用token进行免密登陆）
该登陆方式可以进行免密登陆，常见用于刷新页面之后的二次登陆。
比较常用到的场景，例如从login页面跳转到chat页面，用户在当前页面刷新之后不再进行login页面登陆直接正常进行聊天。（刷新页面是会断开与环信的连接，如不登陆则无法调用SDK接口）。
token获取：token的获取是在用户名密码登陆成功后的success回调中返回获取。
access_token字段为token。
expires_in字段为token有效期，单位为秒，有效期内token可重复使用。
uni-app-demo中的用户名密码登陆的接口调用
Uni-app-demo中的token登陆：
有时我们会遇到success成功的返回了token，可是发送消息或者调用其他接口还是会出现报错，或者提示未登录的error，这时我们首要排查的情况还是检查一下onOpened监听是否成功触发，与环信的连接建立还是要以onOpened监听触发为准！
监听成功打印，意味着登陆成功！
这里顺便给大家两个检验是否登录的方法。
1. WebIM.conn方法下有一个logOut字段，该字段为true时表明未登录状态，该字段为false时表明登陆：
2. WebIM.conn.isOpened () 方法有三个状态，undefined为未登录状态，true为已登录状态，false为未登录状态，可以根据这三个状态去判断是否登录：
到这里登陆就说完了，至于为什么没有讲下去也是因为只要登录成功，其他接口就可以按需调用，相信以各位小伙伴的能力接着往下进行也不是很困难了，当然也说不定有些奇葩问题搞不定，那么建议咱们可以去环信官网去寻求我们支持同事的帮助，将遇到的问题描述清楚，问题将在24H以内得到回复。
最后愿JavaScript之父布兰登·艾克
保佑各位项目顺利上线！
1
评论
顶 环信2020年终大促，转发送京东卡抽IPhone12！
开发者活动 • beyond 发表了文章 • 498 次浏览 • 2020-12-08 11:44
环信年终盛典拉开帷幕，涵盖即时通讯云、音视频云、客服云、机器人四大产品线。多重好礼等你来拿：一重礼超值赠费，低成本高续航；二重礼感恩回馈，拼手气抽大奖，iPhone12等终极大奖等你来拿；三重礼纪念盲盒，探索未知惊喜；四重礼雨露均沾，你体验我买单。
参与环信年终盛典海报裂变活动，即有机会获得1000元京东卡并同时参与微信群抽取实物大奖。赶紧上车，错过等一年！
01
交个朋友，扫码参与转发就抽奖
02
环信2020年终大促盛典详情
查看全部
参与环信年终盛典海报裂变活动，即有机会获得1000元京东卡并同时参与微信群抽取实物大奖。赶紧上车，错过等一年！
01
交个朋友，扫码参与转发就抽奖
02
环信2020年终大促盛典详情
查看全部
环信年终盛典拉开帷幕，涵盖即时通讯云、音视频云、客服云、机器人四大产品线。多重好礼等你来拿：一重礼超值赠费，低成本高续航；二重礼感恩回馈，拼手气抽大奖，iPhone12等终极大奖等你来拿；三重礼纪念盲盒，探索未知惊喜；四重礼雨露均沾，你体验我买单。
参与环信年终盛典海报裂变活动，即有机会获得1000元京东卡并同时参与微信群抽取实物大奖。赶紧上车，错过等一年！
01
交个朋友，扫码参与转发就抽奖
02
环信2020年终大促盛典详情
参与环信年终盛典海报裂变活动，即有机会获得1000元京东卡并同时参与微信群抽取实物大奖。赶紧上车，错过等一年！
01
交个朋友，扫码参与转发就抽奖
02
环信2020年终大促盛典详情
9
评论
顶 【源码下载】一款使用环信实现的开源灵魂社交APP（含服务器）
开发讨论 • beyond 发表了文章 • 60948 次浏览 • 2019-07-01 10:48
#前言
近期，环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用，包含简单的服务器端，现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦，详细介绍请往下看。
上代码
服务器：VMServer
客户端：VMMatch
#VMMatch
猿匹配 —— 国内首个程序猿非严肃婚恋交友应用，让我们一言不合就来场匹配吧
#介绍#
首先说下中文名：为什么叫这个名字呢，因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目，涵盖了时下流行的一些聊天元素，同时已将 IM 功能封装为单独库，可以直接引用，方便使用
项目还处在初期阶段，还有许多功能需要实现，有兴趣的可以一起来
项目资源均来自于互联网，如果有侵权请联系我
#下载体验
猿匹配 小米商店 审核中
猿匹配 Google Play
#项目截图
#开发环境
项目基本属于在最新的Android开发环境下开发，使用Java8的一些新特性，比如Lambda表达式，
然后项目已经适配Android6.x以上的动态权限适配，以及7.x的文件选择，和8.x的通知提醒等；
· Mac OS 10.14.4
· Android Studio 3.3.2
#项目模块儿
本项目包含两部分：
一部分是项目主模块app，这部分主要包含了项目的业务逻辑，比如匹配、信息修改、设置等
另一部分是封装成library的vmim，这是为了方便大家引用到自己的项目中做的一步封装，不用再去复杂的复制代码和资源等，
只需要将vmim以module导入到自己的项目中就行了，具体使用方式参见项目app模块儿；
#功能与 TODO
IM部分功能
· [x] 链接监听
· [x] 登录注册
· [x] 会话功能
。[x] 置顶
。[x] 标为未读
。[x] 删除与清空
。[x] 草稿功能
· [x] 消息功能
。[x] 下拉加载更多
。[x] 消息复制（仅文字类消息）
。[x] 消息删除
。[x] 文本+Emoji消息收发
。[x] 大表情消息收发
。[x] 图片消息
~[x] 查看大图
~[ ] 保存图片
。[x] 语音消息
~[x] 语音录制
~[x] 语音播放（可暂停，波形待优化）
~[x] 听筒和扬声器播放切换
。[x] 语音实时通话功能
。[x] 视频实时通话功能
。[x] 通话过程中的娱乐消息收发
~[x] 骰子
~[x] 石头剪刀布
~[x] 大表情
。[x] 昵称头像处理（通过回调实现）
App部分功能
· [x] 登录注册（包括业务逻辑和 IM 逻辑）
· [x] 匹配
。[x] 提交匹配信息
。[x] 拉取匹配信息
· [x] 聊天（这里直接加载 IM 模块儿）
· [x] 我的
。[x] 个人信息展示
。[x] 上传头像
。[x] 设置昵称
。[x] 设置签名
· [x] 设置
。[x] 个人信息设置
。[x] 通知提醒
。[x] 聊天
。[ ] 隐私（随业务部分一起完善）
。[ ] 通用（随业务部分一起完善）
。[ ] 帮助反馈（随业务部分一起完善）
。[x] 关于
。[x] 退出
· [ ] 社区
。[ ] 发布
。[ ] 评论
。[ ] 收藏
。[ ] 关注
发布功能
· [x] 多渠道打包
· [x] 签名配置
· [x] 开发与线上环境配置
· [x] 敏感信息保护
#配置运行
1.首先复制config.default.gradle到config.gradle
2.配置下config.gradle环信appkey以及bugly统计Id
3.正式打包需要配置下签名信息，同时将签名文件放置在项目根目录
#参与贡献
如果你有什么好的想法，或者好的实现，可以通过下边的步骤参与进来，让我们一起把这个项目做得更好，欢迎参与
1.Fork本仓库
2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
3.提交代码
4.新建Pull Request
5.等待我们的Review & Merge
#关联项目
服务器端由nodejs实现，地址见这里 VMServer
#VMServer
是为Android开源项目VMMatch项目（中文名猿匹配）实现的服务端
#简介
这个项目包含两部分
· 根目录：服务逻辑及API接口实现
· client目录：前端界面，和服务器端代码端放置在同一仓库下（暂未实现）
#使用
简单介绍下运行环境及部署方法
1.安装nodejs开发时使用的是v10.16.0版本
2.需要安装mongodb并启动，开发使用版本4.0.10
3.下载项目到服务器，可以下载压缩包，或者用git clone命令
4.复制config_default.js到config.js，可根据自己需要修改配置文件
5.安装依赖npm install
6.全局安装pm2npm install pm2 -g
7.运行 vmshell.sh
扫码备注【开源项目】邀你加入环信开源社群
转载自https://blog.melove.net/develop-open-source-im-match-and-server/
查看全部
近期，环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用，包含简单的服务器端，现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦，详细介绍请往下看。
上代码
服务器：VMServer
客户端：VMMatch
#VMMatch
猿匹配 —— 国内首个程序猿非严肃婚恋交友应用，让我们一言不合就来场匹配吧
#介绍#
首先说下中文名：为什么叫这个名字呢，因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目，涵盖了时下流行的一些聊天元素，同时已将 IM 功能封装为单独库，可以直接引用，方便使用
项目还处在初期阶段，还有许多功能需要实现，有兴趣的可以一起来
项目资源均来自于互联网，如果有侵权请联系我
#下载体验
猿匹配 小米商店 审核中
猿匹配 Google Play
#项目截图
#开发环境
项目基本属于在最新的Android开发环境下开发，使用Java8的一些新特性，比如Lambda表达式，
然后项目已经适配Android6.x以上的动态权限适配，以及7.x的文件选择，和8.x的通知提醒等；
· Mac OS 10.14.4
· Android Studio 3.3.2
#项目模块儿
本项目包含两部分：
一部分是项目主模块app，这部分主要包含了项目的业务逻辑，比如匹配、信息修改、设置等
另一部分是封装成library的vmim，这是为了方便大家引用到自己的项目中做的一步封装，不用再去复杂的复制代码和资源等，
只需要将vmim以module导入到自己的项目中就行了，具体使用方式参见项目app模块儿；
#功能与 TODO
IM部分功能
· [x] 链接监听
· [x] 登录注册
· [x] 会话功能
。[x] 置顶
。[x] 标为未读
。[x] 删除与清空
。[x] 草稿功能
· [x] 消息功能
。[x] 下拉加载更多
。[x] 消息复制（仅文字类消息）
。[x] 消息删除
。[x] 文本+Emoji消息收发
。[x] 大表情消息收发
。[x] 图片消息
~[x] 查看大图
~[ ] 保存图片
。[x] 语音消息
~[x] 语音录制
~[x] 语音播放（可暂停，波形待优化）
~[x] 听筒和扬声器播放切换
。[x] 语音实时通话功能
。[x] 视频实时通话功能
。[x] 通话过程中的娱乐消息收发
~[x] 骰子
~[x] 石头剪刀布
~[x] 大表情
。[x] 昵称头像处理（通过回调实现）
App部分功能
· [x] 登录注册（包括业务逻辑和 IM 逻辑）
· [x] 匹配
。[x] 提交匹配信息
。[x] 拉取匹配信息
· [x] 聊天（这里直接加载 IM 模块儿）
· [x] 我的
。[x] 个人信息展示
。[x] 上传头像
。[x] 设置昵称
。[x] 设置签名
· [x] 设置
。[x] 个人信息设置
。[x] 通知提醒
。[x] 聊天
。[ ] 隐私（随业务部分一起完善）
。[ ] 通用（随业务部分一起完善）
。[ ] 帮助反馈（随业务部分一起完善）
。[x] 关于
。[x] 退出
· [ ] 社区
。[ ] 发布
。[ ] 评论
。[ ] 收藏
。[ ] 关注
发布功能
· [x] 多渠道打包
· [x] 签名配置
· [x] 开发与线上环境配置
· [x] 敏感信息保护
#配置运行
1.首先复制config.default.gradle到config.gradle
2.配置下config.gradle环信appkey以及bugly统计Id
3.正式打包需要配置下签名信息，同时将签名文件放置在项目根目录
#参与贡献
如果你有什么好的想法，或者好的实现，可以通过下边的步骤参与进来，让我们一起把这个项目做得更好，欢迎参与
1.Fork本仓库
2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
3.提交代码
4.新建Pull Request
5.等待我们的Review & Merge
#关联项目
服务器端由nodejs实现，地址见这里 VMServer
#VMServer
是为Android开源项目VMMatch项目（中文名猿匹配）实现的服务端
#简介
这个项目包含两部分
· 根目录：服务逻辑及API接口实现
· client目录：前端界面，和服务器端代码端放置在同一仓库下（暂未实现）
#使用
简单介绍下运行环境及部署方法
1.安装nodejs开发时使用的是v10.16.0版本
2.需要安装mongodb并启动，开发使用版本4.0.10
3.下载项目到服务器，可以下载压缩包，或者用git clone命令
4.复制config_default.js到config.js，可根据自己需要修改配置文件
5.安装依赖npm install
6.全局安装pm2npm install pm2 -g
7.运行 vmshell.sh
扫码备注【开源项目】邀你加入环信开源社群
转载自https://blog.melove.net/develop-open-source-im-match-and-server/
查看全部
#前言
近期，环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用，包含简单的服务器端，现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦，详细介绍请往下看。
上代码
服务器：VMServer
客户端：VMMatch
#VMMatch
猿匹配 —— 国内首个程序猿非严肃婚恋交友应用，让我们一言不合就来场匹配吧
#介绍#
首先说下中文名：为什么叫这个名字呢，因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目，涵盖了时下流行的一些聊天元素，同时已将 IM 功能封装为单独库，可以直接引用，方便使用
项目还处在初期阶段，还有许多功能需要实现，有兴趣的可以一起来
项目资源均来自于互联网，如果有侵权请联系我
#下载体验
猿匹配 小米商店 审核中
猿匹配 Google Play
#项目截图
#开发环境
项目基本属于在最新的Android开发环境下开发，使用Java8的一些新特性，比如Lambda表达式，
然后项目已经适配Android6.x以上的动态权限适配，以及7.x的文件选择，和8.x的通知提醒等；
· Mac OS 10.14.4
· Android Studio 3.3.2
#项目模块儿
本项目包含两部分：
一部分是项目主模块app，这部分主要包含了项目的业务逻辑，比如匹配、信息修改、设置等
另一部分是封装成library的vmim，这是为了方便大家引用到自己的项目中做的一步封装，不用再去复杂的复制代码和资源等，
只需要将vmim以module导入到自己的项目中就行了，具体使用方式参见项目app模块儿；
#功能与 TODO
IM部分功能
· [x] 链接监听
· [x] 登录注册
· [x] 会话功能
。[x] 置顶
。[x] 标为未读
。[x] 删除与清空
。[x] 草稿功能
· [x] 消息功能
。[x] 下拉加载更多
。[x] 消息复制（仅文字类消息）
。[x] 消息删除
。[x] 文本+Emoji消息收发
。[x] 大表情消息收发
。[x] 图片消息
~[x] 查看大图
~[ ] 保存图片
。[x] 语音消息
~[x] 语音录制
~[x] 语音播放（可暂停，波形待优化）
~[x] 听筒和扬声器播放切换
。[x] 语音实时通话功能
。[x] 视频实时通话功能
。[x] 通话过程中的娱乐消息收发
~[x] 骰子
~[x] 石头剪刀布
~[x] 大表情
。[x] 昵称头像处理（通过回调实现）
App部分功能
· [x] 登录注册（包括业务逻辑和 IM 逻辑）
· [x] 匹配
。[x] 提交匹配信息
。[x] 拉取匹配信息
· [x] 聊天（这里直接加载 IM 模块儿）
· [x] 我的
。[x] 个人信息展示
。[x] 上传头像
。[x] 设置昵称
。[x] 设置签名
· [x] 设置
。[x] 个人信息设置
。[x] 通知提醒
。[x] 聊天
。[ ] 隐私（随业务部分一起完善）
。[ ] 通用（随业务部分一起完善）
。[ ] 帮助反馈（随业务部分一起完善）
。[x] 关于
。[x] 退出
· [ ] 社区
。[ ] 发布
。[ ] 评论
。[ ] 收藏
。[ ] 关注
发布功能
· [x] 多渠道打包
· [x] 签名配置
· [x] 开发与线上环境配置
· [x] 敏感信息保护
#配置运行
1.首先复制config.default.gradle到config.gradle
2.配置下config.gradle环信appkey以及bugly统计Id
3.正式打包需要配置下签名信息，同时将签名文件放置在项目根目录
#参与贡献
如果你有什么好的想法，或者好的实现，可以通过下边的步骤参与进来，让我们一起把这个项目做得更好，欢迎参与
1.Fork本仓库
2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
3.提交代码
4.新建Pull Request
5.等待我们的Review & Merge
#关联项目
服务器端由nodejs实现，地址见这里 VMServer
#VMServer
是为Android开源项目VMMatch项目（中文名猿匹配）实现的服务端
#简介
这个项目包含两部分
· 根目录：服务逻辑及API接口实现
· client目录：前端界面，和服务器端代码端放置在同一仓库下（暂未实现）
#使用
简单介绍下运行环境及部署方法
1.安装nodejs开发时使用的是v10.16.0版本
2.需要安装mongodb并启动，开发使用版本4.0.10
3.下载项目到服务器，可以下载压缩包，或者用git clone命令
4.复制config_default.js到config.js，可根据自己需要修改配置文件
5.安装依赖
6.全局安装pm2
7.运行 vmshell.sh
扫码备注【开源项目】邀你加入环信开源社群
转载自https://blog.melove.net/develop-open-source-im-match-and-server/
近期，环信热心开发者-穿裤衩闯天下使用环信IM开发了一款实时聊天应用，包含简单的服务器端，现在正式开源给小伙伴们。感兴趣的同学可以一起搞一下哦，详细介绍请往下看。
上代码
服务器：VMServer
客户端：VMMatch
#VMMatch
猿匹配 —— 国内首个程序猿非严肃婚恋交友应用，让我们一言不合就来场匹配吧
#介绍#
首先说下中文名：为什么叫这个名字呢，因为这是一个程序猿(媛)之间匹配交流的应用啊其实这是一个使用环信 IM 开发的一款开源聊天项目，涵盖了时下流行的一些聊天元素，同时已将 IM 功能封装为单独库，可以直接引用，方便使用
项目还处在初期阶段，还有许多功能需要实现，有兴趣的可以一起来
项目资源均来自于互联网，如果有侵权请联系我
#下载体验
猿匹配 小米商店 审核中
猿匹配 Google Play
#项目截图
#开发环境
项目基本属于在最新的Android开发环境下开发，使用Java8的一些新特性，比如Lambda表达式，
然后项目已经适配Android6.x以上的动态权限适配，以及7.x的文件选择，和8.x的通知提醒等；
· Mac OS 10.14.4
· Android Studio 3.3.2
#项目模块儿
本项目包含两部分：
一部分是项目主模块app，这部分主要包含了项目的业务逻辑，比如匹配、信息修改、设置等
另一部分是封装成library的vmim，这是为了方便大家引用到自己的项目中做的一步封装，不用再去复杂的复制代码和资源等，
只需要将vmim以module导入到自己的项目中就行了，具体使用方式参见项目app模块儿；
#功能与 TODO
IM部分功能
· [x] 链接监听
· [x] 登录注册
· [x] 会话功能
。[x] 置顶
。[x] 标为未读
。[x] 删除与清空
。[x] 草稿功能
· [x] 消息功能
。[x] 下拉加载更多
。[x] 消息复制（仅文字类消息）
。[x] 消息删除
。[x] 文本+Emoji消息收发
。[x] 大表情消息收发
。[x] 图片消息
~[x] 查看大图
~[ ] 保存图片
。[x] 语音消息
~[x] 语音录制
~[x] 语音播放（可暂停，波形待优化）
~[x] 听筒和扬声器播放切换
。[x] 语音实时通话功能
。[x] 视频实时通话功能
。[x] 通话过程中的娱乐消息收发
~[x] 骰子
~[x] 石头剪刀布
~[x] 大表情
。[x] 昵称头像处理（通过回调实现）
App部分功能
· [x] 登录注册（包括业务逻辑和 IM 逻辑）
· [x] 匹配
。[x] 提交匹配信息
。[x] 拉取匹配信息
· [x] 聊天（这里直接加载 IM 模块儿）
· [x] 我的
。[x] 个人信息展示
。[x] 上传头像
。[x] 设置昵称
。[x] 设置签名
· [x] 设置
。[x] 个人信息设置
。[x] 通知提醒
。[x] 聊天
。[ ] 隐私（随业务部分一起完善）
。[ ] 通用（随业务部分一起完善）
。[ ] 帮助反馈（随业务部分一起完善）
。[x] 关于
。[x] 退出
· [ ] 社区
。[ ] 发布
。[ ] 评论
。[ ] 收藏
。[ ] 关注
发布功能
· [x] 多渠道打包
· [x] 签名配置
· [x] 开发与线上环境配置
· [x] 敏感信息保护
#配置运行
1.首先复制config.default.gradle到config.gradle
2.配置下config.gradle环信appkey以及bugly统计Id
3.正式打包需要配置下签名信息，同时将签名文件放置在项目根目录
#参与贡献
如果你有什么好的想法，或者好的实现，可以通过下边的步骤参与进来，让我们一起把这个项目做得更好，欢迎参与
1.Fork本仓库
2.新建feature_xxx分支 (单独创建一个实现你自己想法的分支)
3.提交代码
4.新建Pull Request
5.等待我们的Review & Merge
#关联项目
服务器端由nodejs实现，地址见这里 VMServer
#VMServer
是为Android开源项目VMMatch项目（中文名猿匹配）实现的服务端
#简介
这个项目包含两部分
· 根目录：服务逻辑及API接口实现
· client目录：前端界面，和服务器端代码端放置在同一仓库下（暂未实现）
#使用
简单介绍下运行环境及部署方法
1.安装nodejs开发时使用的是v10.16.0版本
2.需要安装mongodb并启动，开发使用版本4.0.10
3.下载项目到服务器，可以下载压缩包，或者用git clone命令
4.复制config_default.js到config.js，可根据自己需要修改配置文件
5.安装依赖
npm install
6.全局安装pm2
npm install pm2 -g
7.运行 vmshell.sh
扫码备注【开源项目】邀你加入环信开源社群
转载自https://blog.melove.net/develop-open-source-im-match-and-server/
1
评论
程序员如何写出高质量的代码程序
开发讨论 • beyond 发表了文章 • 97 次浏览 • 2021-01-11 10:36
编码是程序员最重要的工作，每个程序员都希望自己可以写出优雅，高性能，高质量的代码，对于大师级别的程序员，他们的写的代码就和艺术品一样，你会忍不住发出惊叹，他们怎么可以创造出如此惊艳的作品出来。
下面笔者就以自己的浅薄学识和一些经验来总结下优秀的程序应该具有的特点。
每个变量的命名都深思熟虑
普通程序员的变量命名很随便，以至于随便到abcd都会出来，而高质量的代码的命名则很规范，既不长，也不短，既可以读出它们的含义，又不至于显得啰嗦，总之，从变量命名你就能读出一个程序是否优雅。
从配置文件中读取变量
很多人喜欢在程序中通过注释来修改变量值，这样的做法非常不对，首先不说无用地注释影响了代码的整洁，就通过修改代码来修改变量的值就是不优雅的。
一个优秀的程序，一定是从配置文件中读取所需要的变量的，而修改配置文件对于一个人来说远远比去源代码中修改变量值要方便的多得多。
当你学会从配置文件中读取配置，修改配置的时候，你的程序才是优秀的。
一定要有测试代码
一个高质量的程序一定会有测试代码，记住无论程序功能多么简单，我们都要写测试代码。为什么TDD会流行，因为很多人懒得写代码，而TDD就是强迫你写测试代码，因为这样可以让代码更加健壮，同时，其它人修改代码也可以不会造成更重大影响。
我们不一定使用TDD进行程序开发，但是一定要写测试代码，有了测试代码，你的程序才经得起折腾，记住，有时候你会犯迷糊，但是测试代码不会，跑通过测试用例的代码至少可以让你减少很多错误。
一定要写日志
一个程序开发之后，你是没有办法预测它的使用环境和使用方式的，你能做的就是在它出现错误的时候记录下日志，这样你才可能进行分析。同时，在程序开发的过程中，通过记录日志也可以方便我们进行代码的调试，日志也是调试分析的一种方式。
永远不要重复写代码
古人云事不过三，写代码也一样，当你在很多地方写了重复代码的时候，你要记得将它们重构，永远不要写重复的代码，发现重复的时候，记得使用函数将它抽象出来。
很多人喜欢拷贝代码，然后你会发现他的程序中好多代码是一样的，而当他要修改代码的时候，不得不每一处都需要修改，这不仅浪费时间，还可能造成代码的遗漏。
代码格式要统一
记得以前听过一个笑话，我们中国人写的代码，一个人写的像一千个人写的一样，而印度人写的代码，一千人像一个人写的一样。
我们不要求所有人写的代码风格都一模一样，但是我们需要你写的代码前后要统一，同时要遵循代码推荐分隔。
现在所有的语言都有自己的代码格式风格，你只要按照规则来写就好。
总结
优秀的代码每一个变量的命名都是反复斟酌的，每一个函数都是力求最精简的，每一个方法都是尽力是最高效的。
自己写完的代码一定要复审，有时候很多明显的错误一定要避免。
代码之道永无止境，我们只有不断地总结，才能写出接近优秀的程序，而优秀的程序永远都不会存在。 查看全部
下面笔者就以自己的浅薄学识和一些经验来总结下优秀的程序应该具有的特点。
每个变量的命名都深思熟虑
普通程序员的变量命名很随便，以至于随便到abcd都会出来，而高质量的代码的命名则很规范，既不长，也不短，既可以读出它们的含义，又不至于显得啰嗦，总之，从变量命名你就能读出一个程序是否优雅。
从配置文件中读取变量
很多人喜欢在程序中通过注释来修改变量值，这样的做法非常不对，首先不说无用地注释影响了代码的整洁，就通过修改代码来修改变量的值就是不优雅的。
一个优秀的程序，一定是从配置文件中读取所需要的变量的，而修改配置文件对于一个人来说远远比去源代码中修改变量值要方便的多得多。
当你学会从配置文件中读取配置，修改配置的时候，你的程序才是优秀的。
一定要有测试代码
一个高质量的程序一定会有测试代码，记住无论程序功能多么简单，我们都要写测试代码。为什么TDD会流行，因为很多人懒得写代码，而TDD就是强迫你写测试代码，因为这样可以让代码更加健壮，同时，其它人修改代码也可以不会造成更重大影响。
我们不一定使用TDD进行程序开发，但是一定要写测试代码，有了测试代码，你的程序才经得起折腾，记住，有时候你会犯迷糊，但是测试代码不会，跑通过测试用例的代码至少可以让你减少很多错误。
一定要写日志
一个程序开发之后，你是没有办法预测它的使用环境和使用方式的，你能做的就是在它出现错误的时候记录下日志，这样你才可能进行分析。同时，在程序开发的过程中，通过记录日志也可以方便我们进行代码的调试，日志也是调试分析的一种方式。
永远不要重复写代码
古人云事不过三，写代码也一样，当你在很多地方写了重复代码的时候，你要记得将它们重构，永远不要写重复的代码，发现重复的时候，记得使用函数将它抽象出来。
很多人喜欢拷贝代码，然后你会发现他的程序中好多代码是一样的，而当他要修改代码的时候，不得不每一处都需要修改，这不仅浪费时间，还可能造成代码的遗漏。
代码格式要统一
记得以前听过一个笑话，我们中国人写的代码，一个人写的像一千个人写的一样，而印度人写的代码，一千人像一个人写的一样。
我们不要求所有人写的代码风格都一模一样，但是我们需要你写的代码前后要统一，同时要遵循代码推荐分隔。
现在所有的语言都有自己的代码格式风格，你只要按照规则来写就好。
总结
优秀的代码每一个变量的命名都是反复斟酌的，每一个函数都是力求最精简的，每一个方法都是尽力是最高效的。
自己写完的代码一定要复审，有时候很多明显的错误一定要避免。
代码之道永无止境，我们只有不断地总结，才能写出接近优秀的程序，而优秀的程序永远都不会存在。 查看全部
编码是程序员最重要的工作，每个程序员都希望自己可以写出优雅，高性能，高质量的代码，对于大师级别的程序员，他们的写的代码就和艺术品一样，你会忍不住发出惊叹，他们怎么可以创造出如此惊艳的作品出来。
下面笔者就以自己的浅薄学识和一些经验来总结下优秀的程序应该具有的特点。
每个变量的命名都深思熟虑
普通程序员的变量命名很随便，以至于随便到abcd都会出来，而高质量的代码的命名则很规范，既不长，也不短，既可以读出它们的含义，又不至于显得啰嗦，总之，从变量命名你就能读出一个程序是否优雅。
从配置文件中读取变量
很多人喜欢在程序中通过注释来修改变量值，这样的做法非常不对，首先不说无用地注释影响了代码的整洁，就通过修改代码来修改变量的值就是不优雅的。
一个优秀的程序，一定是从配置文件中读取所需要的变量的，而修改配置文件对于一个人来说远远比去源代码中修改变量值要方便的多得多。
当你学会从配置文件中读取配置，修改配置的时候，你的程序才是优秀的。
一定要有测试代码
一个高质量的程序一定会有测试代码，记住无论程序功能多么简单，我们都要写测试代码。为什么TDD会流行，因为很多人懒得写代码，而TDD就是强迫你写测试代码，因为这样可以让代码更加健壮，同时，其它人修改代码也可以不会造成更重大影响。
我们不一定使用TDD进行程序开发，但是一定要写测试代码，有了测试代码，你的程序才经得起折腾，记住，有时候你会犯迷糊，但是测试代码不会，跑通过测试用例的代码至少可以让你减少很多错误。
一定要写日志
一个程序开发之后，你是没有办法预测它的使用环境和使用方式的，你能做的就是在它出现错误的时候记录下日志，这样你才可能进行分析。同时，在程序开发的过程中，通过记录日志也可以方便我们进行代码的调试，日志也是调试分析的一种方式。
永远不要重复写代码
古人云事不过三，写代码也一样，当你在很多地方写了重复代码的时候，你要记得将它们重构，永远不要写重复的代码，发现重复的时候，记得使用函数将它抽象出来。
很多人喜欢拷贝代码，然后你会发现他的程序中好多代码是一样的，而当他要修改代码的时候，不得不每一处都需要修改，这不仅浪费时间，还可能造成代码的遗漏。
代码格式要统一
记得以前听过一个笑话，我们中国人写的代码，一个人写的像一千个人写的一样，而印度人写的代码，一千人像一个人写的一样。
我们不要求所有人写的代码风格都一模一样，但是我们需要你写的代码前后要统一，同时要遵循代码推荐分隔。
现在所有的语言都有自己的代码格式风格，你只要按照规则来写就好。
总结
优秀的代码每一个变量的命名都是反复斟酌的，每一个函数都是力求最精简的，每一个方法都是尽力是最高效的。
自己写完的代码一定要复审，有时候很多明显的错误一定要避免。
代码之道永无止境，我们只有不断地总结，才能写出接近优秀的程序，而优秀的程序永远都不会存在。
下面笔者就以自己的浅薄学识和一些经验来总结下优秀的程序应该具有的特点。
每个变量的命名都深思熟虑
普通程序员的变量命名很随便，以至于随便到abcd都会出来，而高质量的代码的命名则很规范，既不长，也不短，既可以读出它们的含义，又不至于显得啰嗦，总之，从变量命名你就能读出一个程序是否优雅。
从配置文件中读取变量
很多人喜欢在程序中通过注释来修改变量值，这样的做法非常不对，首先不说无用地注释影响了代码的整洁，就通过修改代码来修改变量的值就是不优雅的。
一个优秀的程序，一定是从配置文件中读取所需要的变量的，而修改配置文件对于一个人来说远远比去源代码中修改变量值要方便的多得多。
当你学会从配置文件中读取配置，修改配置的时候，你的程序才是优秀的。
一定要有测试代码
一个高质量的程序一定会有测试代码，记住无论程序功能多么简单，我们都要写测试代码。为什么TDD会流行，因为很多人懒得写代码，而TDD就是强迫你写测试代码，因为这样可以让代码更加健壮，同时，其它人修改代码也可以不会造成更重大影响。
我们不一定使用TDD进行程序开发，但是一定要写测试代码，有了测试代码，你的程序才经得起折腾，记住，有时候你会犯迷糊，但是测试代码不会，跑通过测试用例的代码至少可以让你减少很多错误。
一定要写日志
一个程序开发之后，你是没有办法预测它的使用环境和使用方式的，你能做的就是在它出现错误的时候记录下日志，这样你才可能进行分析。同时，在程序开发的过程中，通过记录日志也可以方便我们进行代码的调试，日志也是调试分析的一种方式。
永远不要重复写代码
古人云事不过三，写代码也一样，当你在很多地方写了重复代码的时候，你要记得将它们重构，永远不要写重复的代码，发现重复的时候，记得使用函数将它抽象出来。
很多人喜欢拷贝代码，然后你会发现他的程序中好多代码是一样的，而当他要修改代码的时候，不得不每一处都需要修改，这不仅浪费时间，还可能造成代码的遗漏。
代码格式要统一
记得以前听过一个笑话，我们中国人写的代码，一个人写的像一千个人写的一样，而印度人写的代码，一千人像一个人写的一样。
我们不要求所有人写的代码风格都一模一样，但是我们需要你写的代码前后要统一，同时要遵循代码推荐分隔。
现在所有的语言都有自己的代码格式风格，你只要按照规则来写就好。
总结
优秀的代码每一个变量的命名都是反复斟酌的，每一个函数都是力求最精简的，每一个方法都是尽力是最高效的。
自己写完的代码一定要复审，有时候很多明显的错误一定要避免。
代码之道永无止境，我们只有不断地总结，才能写出接近优秀的程序，而优秀的程序永远都不会存在。
1
回复
uni-app小程序可以实现语音聊天室抢麦送礼等功能吗？
环信技术交流 • HuangLeo 回复了问题 • 2 人关注 • 225 次浏览 • 2021-01-08 19:27
1
回复
uni-app开发的小程序能否实现TC连麦语音聊天室并且与客户端互联互通？
环信技术交流 • HuangLeo 回复了问题 • 2 人关注 • 214 次浏览 • 2021-01-08 19:21
2
回复
android 多人视频会议,手机横屏.视频显示的为竖屏的状态
Android 讨论区 • 未命名 回复了问题 • 2 人关注 • 160 次浏览 • 2021-01-08 19:17
1
回复
环信服务器端使用token发送消息 安卓移动端怎么接收这些参数
Android 讨论区 • carlwang 回复了问题 • 2 人关注 • 376 次浏览 • 2021-01-06 19:11
1
回复
安卓，怎么设置超时时间自动挂断电话
Android 讨论区 • carlwang 回复了问题 • 2 人关注 • 234 次浏览 • 2021-01-06 19:06
1
回复
1
回复
0
回复
1
回复
环信vue版运行后在低版本浏览器报ontrack错误
WebIM 讨论区 • HuangLeo 回复了问题 • 2 人关注 • 470 次浏览 • 2020-12-25 18:51
1
回复
环信vue版在uc浏览器运行后报ontrack错误
WebIM 讨论区 • HuangLeo 回复了问题 • 2 人关注 • 512 次浏览 • 2020-12-25 18:50
1
评论
1
回复
Android WebView 接入环信客服，视频通话时摄像头打开失败
回复Android 讨论区 • canyang 回复了问题 • 1 人关注 • 322 次浏览 • 2020-12-24 10:47
1
回复
ios最新版V3.7.2 2020-10-30 如何设置头像和昵称
iOS 讨论区 • kijieoeew 回复了问题 • 2 人关注 • 354 次浏览 • 2020-12-23 18:02
2
评论
公开课 | 移动开发助力在线教育增长实战
开发者活动 • beyond 发表了文章 • 319 次浏览 • 2020-12-22 15:10
2020年，线上教育大火！受用户需求的影响，学校、教育培训机构都把线下的课程搬到线上，在线教育行业随之开启一场“新基建”。
然而，这是一项巨大且缓慢的工程，线上教学平台的开发、营销获客方法的探索、运营工具的管理、教学内容的研发……教育行业究竟怎样实现线上和线下的融合？教育OMO（Online-Merge-Offline）模式又该怎么跑通？教育增长到底该如何实现？
环信联合MobTech袤博及保利威，结合当前教育行业的最新趋势，给出一系列全新产品和技术解决方案，全方位助力教育行业平滑转型、降本增效。
干货1：从在线教育app全生命周期精准分析运营之道
干货2：通过稳定安全的PaaS+SaaS+云服务，打造教学、管理、营销一体化解决方案
干货3：通过直播平台助力教育机构建立私域流量
干货4：资深在线教育专家独家分享爆发式增长秘诀
更有精美礼品与价值万元的充电大礼包等你来领！
如果你还在为在线教育的运营突破口而困扰
那就抓紧报名参与！一起来碰撞出灵感的火花吧！
直播观看链接：https://live.polyv.cn/watch/2047367
添加小助手微信【huanxin-hh】进入活动直播群 查看全部
然而，这是一项巨大且缓慢的工程，线上教学平台的开发、营销获客方法的探索、运营工具的管理、教学内容的研发……教育行业究竟怎样实现线上和线下的融合？教育OMO（Online-Merge-Offline）模式又该怎么跑通？教育增长到底该如何实现？
环信联合MobTech袤博及保利威，结合当前教育行业的最新趋势，给出一系列全新产品和技术解决方案，全方位助力教育行业平滑转型、降本增效。
干货1：从在线教育app全生命周期精准分析运营之道
干货2：通过稳定安全的PaaS+SaaS+云服务，打造教学、管理、营销一体化解决方案
干货3：通过直播平台助力教育机构建立私域流量
干货4：资深在线教育专家独家分享爆发式增长秘诀
更有精美礼品与价值万元的充电大礼包等你来领！
如果你还在为在线教育的运营突破口而困扰
那就抓紧报名参与！一起来碰撞出灵感的火花吧！
直播观看链接：https://live.polyv.cn/watch/2047367
添加小助手微信【huanxin-hh】进入活动直播群 查看全部
2020年，线上教育大火！受用户需求的影响，学校、教育培训机构都把线下的课程搬到线上，在线教育行业随之开启一场“新基建”。
然而，这是一项巨大且缓慢的工程，线上教学平台的开发、营销获客方法的探索、运营工具的管理、教学内容的研发……教育行业究竟怎样实现线上和线下的融合？教育OMO（Online-Merge-Offline）模式又该怎么跑通？教育增长到底该如何实现？
环信联合MobTech袤博及保利威，结合当前教育行业的最新趋势，给出一系列全新产品和技术解决方案，全方位助力教育行业平滑转型、降本增效。
干货1：从在线教育app全生命周期精准分析运营之道
干货2：通过稳定安全的PaaS+SaaS+云服务，打造教学、管理、营销一体化解决方案
干货3：通过直播平台助力教育机构建立私域流量
干货4：资深在线教育专家独家分享爆发式增长秘诀
更有精美礼品与价值万元的充电大礼包等你来领！
如果你还在为在线教育的运营突破口而困扰
那就抓紧报名参与！一起来碰撞出灵感的火花吧！
直播观看链接：https://live.polyv.cn/watch/2047367
添加小助手微信【huanxin-hh】进入活动直播群
然而，这是一项巨大且缓慢的工程，线上教学平台的开发、营销获客方法的探索、运营工具的管理、教学内容的研发……教育行业究竟怎样实现线上和线下的融合？教育OMO（Online-Merge-Offline）模式又该怎么跑通？教育增长到底该如何实现？
环信联合MobTech袤博及保利威，结合当前教育行业的最新趋势，给出一系列全新产品和技术解决方案，全方位助力教育行业平滑转型、降本增效。
干货1：从在线教育app全生命周期精准分析运营之道
干货2：通过稳定安全的PaaS+SaaS+云服务，打造教学、管理、营销一体化解决方案
干货3：通过直播平台助力教育机构建立私域流量
干货4：资深在线教育专家独家分享爆发式增长秘诀
更有精美礼品与价值万元的充电大礼包等你来领！
如果你还在为在线教育的运营突破口而困扰
那就抓紧报名参与！一起来碰撞出灵感的火花吧！
直播观看链接：https://live.polyv.cn/watch/2047367
添加小助手微信【huanxin-hh】进入活动直播群
1
回复
Android 收不到已读回执消息
Android 讨论区 • carlwang 回复了问题 • 2 人关注 • 435 次浏览 • 2020-12-14 15:45
1
评论
活动 | 2020TOP100全球软件案例研究峰会
开发者活动 • beyond 发表了文章 • 384 次浏览 • 2020-12-10 16:59
今年的TOP100全球软件案例研究峰会（简称TOP100Summit）将于12月17-20日在北京举行，100+全球优秀“技术大脑”，将帮助大家在互联网时代开放、自由地汲取案例带来的独特价值，转化为所有研发中心可用的促进成长的案例。
作为科技界颇具影响力的案例研究峰会，TOP100Summit在往届举办中也备受各行业关注，与往年不同的是，今年大会选题、质量及特色会更加突出，下面让我们一起来看看，本届大会有哪些值得关注的亮点！
开拓视野，感知技术脉动
不同于媒体的追逐热点和新奇概念，TOP100在案例评选时，更崇尚专业的力量和案例落地实践，案例提交者需要从案例目标、成功要点与背后教训、ROI 分析、案例启示、案例对组织的意义等多个维度进行结构化提炼，从而达到让听众有所收益的目的，保证了每年发布的案例学习榜单是最有学习价值的。
业界大咖，联袂出品
在 TOP100Summit 上，众多产业互联网领袖将与各位参会者见面。小米集团副总裁崔宝秋， 美团副总裁、首席科学家夏华夏，美图秀秀运营副总裁陈辉，快狗打车CTO沈剑，快手产品副总裁徐欣，CNCF中国区总裁Keith Chan等18位国内外享誉盛名的专家、各大公司技术委员会与设计委员会负责人担任本届大会的联席主席，将共同为大家呈现本届大会的最新洞见与思路，并详解本年度的最新落地实践及最新的行业趋势。
18门必修课，打造团队组织力
当今时代，企业是驱动创新的主要动力。创新不是易事，通过别人案例看清创新方法，对避免重复犯错或少走弯路都不无裨益。
通过收集往届参会人员的需求，本届峰会将分为六大技术角色论坛、十八大专题。关于产品、运营、效能、大前端、工程实践、AI、工具链、DevOps等领域都设立了专题，分别覆盖游戏、软件、电商、金融、能源、交通、石油、游戏、医疗、工业、零售、出行、教育等行业。
目前已确定有AWS、Facebook、阿里、百度、滴滴等技术型标杆公司精英人士参与。
60分钟深度解读，探索发现与实践心得
区别于其他的大会，TOP100Summit不含任何形式的广告，50分钟为团队带头人深度解读，10分钟为联席主席梳理启示。
TOP100Summit借助于纯学术和实际案例研究方面的结合显现出巨大推动力，帮助越来越多的高校在产学研结合上投入了更多的精力，越来越多的教授投入到了基于企业实践的实境研究之中，通过扎实、有深度的案例研究，为教学和研究提供源源不断的智慧。
精选案例解读，洞见行业未来
在大会上，100位讲师所讲的内容均以解决企业级研发实际存在的问题为出发点，解决真实出现的难题，选题委员会不选取那些「炫技」的案例。同时，案例涉及的技术均为软件应用周期内处于核心位置的技术，是90%以上的企业都会应用到的技术。
我们甄选了一部分具有代表性的案例，希望可以帮助大家解决当下工作中的痛点：
壹佰案例甄选年度100分案例教学
全球软件案例研究峰会（简称“壹佰案例”）是科技界一年一度的案例研究榜单，旨在发现有案例教学意义的项目或方法论，如同商业领域的哈佛案例，科技界的壹佰案例榜单每年精选100件案例题材，有别于媒体的追逐热点和新奇概念，壹佰案例榜单更崇尚专业的力量和案例落地实践，通过邀请国内外享誉盛名的专家、各大公司技术委员会与设计委员会负责人担任联席主席，向领先公司和早期实践者征集年度里程碑或杰出成果背后的案例故事。组委会通过专有的案例开发流程、案例评审机制，以及数字化案例评审平台，帮助案例提交者从案例目标、成功要点与背后教训、ROI分析、案例启示、案例对组织的意义等多个维度进行结构化提炼，从而达到让听众有所收益的目的，保证了每年发布的壹佰案例学习榜单是最有学习价值的案例。
自2012年创办至今，壹佰案例榜单涵盖了Facebook、Google、Airbnb、Apple、LinkedIn、Amazon、Microsoft、Walmart、Oracle、Lyft、Uber、Twitter、Zynga、Adobe、Autodesk、SAP、淘宝、天猫、58、京东、360、小米 、中兴、腾讯游戏、华为、网易、微博、东软、广发、百度、搜狐、携程、苏宁、魅族、美团、乐视、迅雷、网龙、途牛、滴滴、猎豹、移动、海信、浪潮、金山等国内外知名软件、互联网企业。
媒体咨询：景景 13920859305
赞助咨询：sissi 13743218801 查看全部
作为科技界颇具影响力的案例研究峰会，TOP100Summit在往届举办中也备受各行业关注，与往年不同的是，今年大会选题、质量及特色会更加突出，下面让我们一起来看看，本届大会有哪些值得关注的亮点！
开拓视野，感知技术脉动
不同于媒体的追逐热点和新奇概念，TOP100在案例评选时，更崇尚专业的力量和案例落地实践，案例提交者需要从案例目标、成功要点与背后教训、ROI 分析、案例启示、案例对组织的意义等多个维度进行结构化提炼，从而达到让听众有所收益的目的，保证了每年发布的案例学习榜单是最有学习价值的。
业界大咖，联袂出品
在 TOP100Summit 上，众多产业互联网领袖将与各位参会者见面。小米集团副总裁崔宝秋， 美团副总裁、首席科学家夏华夏，美图秀秀运营副总裁陈辉，快狗打车CTO沈剑，快手产品副总裁徐欣，CNCF中国区总裁Keith Chan等18位国内外享誉盛名的专家、各大公司技术委员会与设计委员会负责人担任本届大会的联席主席，将共同为大家呈现本届大会的最新洞见与思路，并详解本年度的最新落地实践及最新的行业趋势。
18门必修课，打造团队组织力
当今时代，企业是驱动创新的主要动力。创新不是易事，通过别人案例看清创新方法，对避免重复犯错或少走弯路都不无裨益。
通过收集往届参会人员的需求，本届峰会将分为六大技术角色论坛、十八大专题。关于产品、运营、效能、大前端、工程实践、AI、工具链、DevOps等领域都设立了专题，分别覆盖游戏、软件、电商、金融、能源、交通、石油、游戏、医疗、工业、零售、出行、教育等行业。
目前已确定有AWS、Facebook、阿里、百度、滴滴等技术型标杆公司精英人士参与。
60分钟深度解读，探索发现与实践心得
区别于其他的大会，TOP100Summit不含任何形式的广告，50分钟为团队带头人深度解读，10分钟为联席主席梳理启示。
TOP100Summit借助于纯学术和实际案例研究方面的结合显现出巨大推动力，帮助越来越多的高校在产学研结合上投入了更多的精力，越来越多的教授投入到了基于企业实践的实境研究之中，通过扎实、有深度的案例研究，为教学和研究提供源源不断的智慧。
精选案例解读，洞见行业未来
在大会上，100位讲师所讲的内容均以解决企业级研发实际存在的问题为出发点，解决真实出现的难题，选题委员会不选取那些「炫技」的案例。同时，案例涉及的技术均为软件应用周期内处于核心位置的技术，是90%以上的企业都会应用到的技术。
我们甄选了一部分具有代表性的案例，希望可以帮助大家解决当下工作中的痛点：
壹佰案例甄选年度100分案例教学
全球软件案例研究峰会（简称“壹佰案例”）是科技界一年一度的案例研究榜单，旨在发现有案例教学意义的项目或方法论，如同商业领域的哈佛案例，科技界的壹佰案例榜单每年精选100件案例题材，有别于媒体的追逐热点和新奇概念，壹佰案例榜单更崇尚专业的力量和案例落地实践，通过邀请国内外享誉盛名的专家、各大公司技术委员会与设计委员会负责人担任联席主席，向领先公司和早期实践者征集年度里程碑或杰出成果背后的案例故事。组委会通过专有的案例开发流程、案例评审机制，以及数字化案例评审平台，帮助案例提交者从案例目标、成功要点与背后教训、ROI分析、案例启示、案例对组织的意义等多个维度进行结构化提炼，从而达到让听众有所收益的目的，保证了每年发布的壹佰案例学习榜单是最有学习价值的案例。
自2012年创办至今，壹佰案例榜单涵盖了Facebook、Google、Airbnb、Apple、LinkedIn、Amazon、Microsoft、Walmart、Oracle、Lyft、Uber、Twitter、Zynga、Adobe、Autodesk、SAP、淘宝、天猫、58、京东、360、小米 、中兴、腾讯游戏、华为、网易、微博、东软、广发、百度、搜狐、携程、苏宁、魅族、美团、乐视、迅雷、网龙、途牛、滴滴、猎豹、移动、海信、浪潮、金山等国内外知名软件、互联网企业。
媒体咨询：景景 13920859305
赞助咨询：sissi 13743218801 查看全部
作为科技界颇具影响力的案例研究峰会，TOP100Summit在往届举办中也备受各行业关注，与往年不同的是，今年大会选题、质量及特色会更加突出，下面让我们一起来看看，本届大会有哪些值得关注的亮点！
开拓视野，感知技术脉动
不同于媒体的追逐热点和新奇概念，TOP100在案例评选时，更崇尚专业的力量和案例落地实践，案例提交者需要从案例目标、成功要点与背后教训、ROI 分析、案例启示、案例对组织的意义等多个维度进行结构化提炼，从而达到让听众有所收益的目的，保证了每年发布的案例学习榜单是最有学习价值的。
业界大咖，联袂出品
在 TOP100Summit 上，众多产业互联网领袖将与各位参会者见面。小米集团副总裁崔宝秋， 美团副总裁、首席科学家夏华夏，美图秀秀运营副总裁陈辉，快狗打车CTO沈剑，快手产品副总裁徐欣，CNCF中国区总裁Keith Chan等18位国内外享誉盛名的专家、各大公司技术委员会与设计委员会负责人担任本届大会的联席主席，将共同为大家呈现本届大会的最新洞见与思路，并详解本年度的最新落地实践及最新的行业趋势。
18门必修课，打造团队组织力
当今时代，企业是驱动创新的主要动力。创新不是易事，通过别人案例看清创新方法，对避免重复犯错或少走弯路都不无裨益。
通过收集往届参会人员的需求，本届峰会将分为六大技术角色论坛、十八大专题。关于产品、运营、效能、大前端、工程实践、AI、工具链、DevOps等领域都设立了专题，分别覆盖游戏、软件、电商、金融、能源、交通、石油、游戏、医疗、工业、零售、出行、教育等行业。
目前已确定有AWS、Facebook、阿里、百度、滴滴等技术型标杆公司精英人士参与。
60分钟深度解读，探索发现与实践心得
区别于其他的大会，TOP100Summit不含任何形式的广告，50分钟为团队带头人深度解读，10分钟为联席主席梳理启示。
TOP100Summit借助于纯学术和实际案例研究方面的结合显现出巨大推动力，帮助越来越多的高校在产学研结合上投入了更多的精力，越来越多的教授投入到了基于企业实践的实境研究之中，通过扎实、有深度的案例研究，为教学和研究提供源源不断的智慧。
精选案例解读，洞见行业未来
在大会上，100位讲师所讲的内容均以解决企业级研发实际存在的问题为出发点，解决真实出现的难题，选题委员会不选取那些「炫技」的案例。同时，案例涉及的技术均为软件应用周期内处于核心位置的技术，是90%以上的企业都会应用到的技术。
我们甄选了一部分具有代表性的案例，希望可以帮助大家解决当下工作中的痛点：
壹佰案例甄选年度100分案例教学
全球软件案例研究峰会（简称“壹佰案例”）是科技界一年一度的案例研究榜单，旨在发现有案例教学意义的项目或方法论，如同商业领域的哈佛案例，科技界的壹佰案例榜单每年精选100件案例题材，有别于媒体的追逐热点和新奇概念，壹佰案例榜单更崇尚专业的力量和案例落地实践，通过邀请国内外享誉盛名的专家、各大公司技术委员会与设计委员会负责人担任联席主席，向领先公司和早期实践者征集年度里程碑或杰出成果背后的案例故事。组委会通过专有的案例开发流程、案例评审机制，以及数字化案例评审平台，帮助案例提交者从案例目标、成功要点与背后教训、ROI分析、案例启示、案例对组织的意义等多个维度进行结构化提炼，从而达到让听众有所收益的目的，保证了每年发布的壹佰案例学习榜单是最有学习价值的案例。
自2012年创办至今，壹佰案例榜单涵盖了Facebook、Google、Airbnb、Apple、LinkedIn、Amazon、Microsoft、Walmart、Oracle、Lyft、Uber、Twitter、Zynga、Adobe、Autodesk、SAP、淘宝、天猫、58、京东、360、小米 、中兴、腾讯游戏、华为、网易、微博、东软、广发、百度、搜狐、携程、苏宁、魅族、美团、乐视、迅雷、网龙、途牛、滴滴、猎豹、移动、海信、浪潮、金山等国内外知名软件、互联网企业。
媒体咨询：景景 13920859305
赞助咨询：sissi 13743218801
1
评论
【直播】小程序客服使用场景及集成方案
开发讨论 • 吴玉萍 发表了文章 • 484 次浏览 • 2020-12-09 19:13
时间：12月25日下午 15:00-15:30
时长：半小时
课程主题：小程序客服解决方案
主讲人：客服云产品经理 王芳
1、课程介绍：
小程序客服使用场景及集成方案
2、受众人群：
环信客服云用户
3、培训内容：
小程序客服适用的业务场景
各种场景对应的集成方案
点击报名直播链接：
https://ke.qq.com/course/42352 ... 22305
扫码加入环信客服云公开课企业微信群
查看全部
时长：半小时
课程主题：小程序客服解决方案
主讲人：客服云产品经理 王芳
1、课程介绍：
小程序客服使用场景及集成方案
2、受众人群：
环信客服云用户
3、培训内容：
小程序客服适用的业务场景
各种场景对应的集成方案
点击报名直播链接：
https://ke.qq.com/course/42352 ... 22305
扫码加入环信客服云公开课企业微信群
查看全部
时间：12月25日下午 15:00-15:30
时长：半小时
课程主题：小程序客服解决方案
主讲人：客服云产品经理 王芳
1、课程介绍：
小程序客服使用场景及集成方案
2、受众人群：
环信客服云用户
3、培训内容：
小程序客服适用的业务场景
各种场景对应的集成方案
点击报名直播链接：
https://ke.qq.com/course/42352 ... 22305
扫码加入环信客服云公开课企业微信群
时长：半小时
课程主题：小程序客服解决方案
主讲人：客服云产品经理 王芳
1、课程介绍：
小程序客服使用场景及集成方案
2、受众人群：
环信客服云用户
3、培训内容：
小程序客服适用的业务场景
各种场景对应的集成方案
点击报名直播链接：
https://ke.qq.com/course/42352 ... 22305
扫码加入环信客服云公开课企业微信群
1
回复
视频通话过程中截图
Android 讨论区 • HuangLeo 回复了问题 • 2 人关注 • 429 次浏览 • 2020-12-03 18:29
1
回复
webim创建会议跨域报错
WebIM 讨论区 • HuangLeo 回复了问题 • 2 人关注 • 538 次浏览 • 2020-12-03 18:26
