网易即时通讯心得体会(1)

公司要做客服系统,所以准备从第三方找一个现成的。经过一系列调查最终选择了网易的即时通讯系统。我作为前端负责人势必要鞠躬尽瘁才行,我将在此记录每天的心得体会一方面巩固每天学到的知识,另一方面让准备入手网易即时通讯的能够有这么一篇文章拨开白雾见太阳。

第一天我建议作为新手的你不要想太多,从官方文档开始看起。理解他的核心理念,可以直接看演示,但是代码就不要太过着急了。因为你会理解的特别慢,就像无头苍蝇一样这里看看你感兴趣的,那里看看你感兴趣的。如果你先看了文章,你对整体把握就有了一定的认知,再看代码的时候能够更加轻松的串成一条线,层而实现举一反三的目的。

官方文档不可谓不多啊,我建议你从新手接入开始,因为这里面提供了很多有用的链接,比如架构介绍,建立账号,Demo体验。想要链接戳我
架构介绍

1.架构介绍

这张架构介绍真的很管用,很简单的概括了三者之间的关系。刚开始没看懂没有关系,我刚开始也没看懂。可是后来接触的多了这张图的东西就能帮你把脑海里的知识串起来,达到醍醐灌顶的效果。

2.建立账号

不要以为建立账号就是简单的建立账号,新手接入里面提到了几个点,例如appkey,功能管理。前期你会一直用到这俩个东西所以有必要重点记一下。在一个就是VIP账号比普通账号多了多少功能,这个真的特别重要。里面有很多错误其实并不是真的是错误,只是你没有权限而已,像登录状态不更新,音视频打不开等等。
这里重点说一下音视频打不开的问题,我刚开始没注意到有一些功能是游离在VIP账号之外的,导致我一度以为不是权限问题而是操作问题(因为错误代码提示我403错误,403错误指:非法操作或没有权限)
未开通功能

3.Demo体验

其实这个对于很多人来说当做第一步比较好,毕竟直接看成品还是很多人最在意的事情。Demo体验里面附带源码(想看Demo请戳我}
这里写图片描述

从图上可以看出来,网易提供的功能真的很全,几乎个个终端的Demo都有。
这里面要着重注意一下,Web版体验和WebRTC体验。这俩个其实是一样的,包括提供的Demo都是一样的(目前是一样的,后期要是修改了。请以修改版作为参考)。WebRTC只是提供音视频的解决方式,还有一种是PCAgent的插件方式,我猜测官方原本是想单独弄的,但不知道出于什么原因做成了单击音视频按钮的时候让用户自由选择的模式。
音视频技术方案

4.下载Demo先看介绍

Web版本的Demo是托管在github上的,对于使用过github的肯定是相当友好的。没有使用过的也不用慌,可以看这个视频对github有一个初步了解。(看视频戳这里

代码下载的时候一定要先看文档介绍,你不必看懂,但是你要知道他有什么,这样才能方便你在读代码的时候有一个放心猜测
这里写图片描述

安照官方的命令指示,服务应该启动了。不过端口号跟官方描述的不一样我的默认是8182。端口号可以在app.js中修改(懂node的自不用多说,此处专门针对不懂node的前端)

5.代码阅读请结合API文档

API文档地址戳这里

里面的很多逻辑都是围绕着API接口的,它分为了五个模块。我建议你从其中一个模块找到Demo中使用的类,进行跟读。从而触类旁通其他的模块
API接口文档

我是从NetCall模块开始的,因为公司比较重视音视频这一块。我从界面上的单击事件一点点拆分的这个模块,猜测作者的意图,这个过程是很有趣的你能学到很多东西,像我之前了解过bind用法,但是想不太出来使用场景,这里就给了我答案。

我下一步准备重点攻读API文档还有SDK文档。下一回合见

觉得我写的东西对你是有帮助的,想持续了解我可以关注我的博客吵吵日记

公众号二维码

猜你喜欢

转载自blog.csdn.net/m0_37479946/article/details/80933944
今日推荐