这篇文章无废话，只教你如果接到即时通讯功能需求，十分钟利用环信WebIM-vue3-Demo，打包上线一个即时通讯项目【包含音视频通话功能】。

写这篇文章是因为，结合自身情况，以及所遇到的有同样情况的开发者在接到即时通讯（IM）需求时，需要花费大量时间去熟悉相关SDK厂商提供的API接口，并且需要结合自己的项目需求，在紧张张的项目工期压力之下去进行适应性调整，非常的痛苦，“本着轮子我来造，代码大家粘”的理念。

场景适用

2. 和前端集成一些其他三方插件一样，我们首先要在平台进行注册以及去创建一个唯一的appid,只不过这个概念在环信IM的名词为appKey，同样我们先去平台进行注册，这是教你注册的文档入口

3. 打开下载好的项目代码，在 src / IM / initwebsdk.js 下去将自己注册并创建的appKey替换为自己的，Demo里的是默认的有限制，自己的项目必须改为自己的。