一脸懵逼的看着腾讯云的文档，完成所谓的挖坑之旅（一）很多人估计公司也需要用到聊天，以及音视频的功能，所以作为新手，当然一来公司就知道需要用到这个技术。在网上开始各种搜索，百度，谷歌，发现不仅是腾讯云，还有融云等可以实现这些东西的东西，我有了一个大概的了解。个人觉得腾讯云的文档和一些例子有点简单，而且是用H5写的。当然，我只在web端工作。至于其他小程序和其他目的，我就不知道了。但是我怎么把它集成到vue.js中呢，而且是自己搭建的脚手架。结果也是一头雾水。在网上找不到腾讯云和vue.js相关的东西。这就很头疼了，于是挖坑开始。首先我们看一下IM的官方文档：https://cloud.tencent.com/doc...打开官方文档，乍一看很无奈，怎么这么多？但是如果我们只负责client的话，就看这个，其他的你想看就看（3）别着急，跟我慢慢看。这里展示的种类太多了，看你们公司的需要了。看一下通用web(4)点进去后，这里有很多文档的说明。我个人建议大家先浏览一下，这样脑子才不会一片空白，就算看不懂，也会有点印象（5）一般Web下看下面提供的WebSDK的时候，回过头来关注一下这个东西。你要看你公司用的是单机模式还是托管模式，我用的是单机模式。不好的是官方文档并没有贴出standalone模式的相关代码或者例子。就算有，也是无用的demo。这将使心态爆炸（6）。说：注意：如果账户采用独立模式，开发者需要在自己的服务器上调用TLSAPI生成用户票证，然后再调用ImSdk提供的接口进行相关操作。(7)由于我这边的sig是我自己的服务器通过腾讯云服务器端生成的（这部分我不是负责的所以不是很清楚），直接去通过界面。大致流程如下：也就是说，这是独立模式登录的方法。我直接登录腾讯IM系统就可以了，具体情况你得看。其实我也很想了解服务器端sig生成票据的方法，但是由于时间关系，没看懂（8）好了，说了这么多，大概情况大家也都明白了，看下一点(9))集成ImSDK------首先介绍WebSDK：可能有人会问，怎么在vue.js中引入呢，其实很简单，直接在index.html中导入就可以了，你发现它与互联网上提供的类似吗？不一样，的确，我找这东西很久了。如果有人按照官方的方案，就是下面的本地导入：，控制台会报错，警告你UPXXToken，出现这个问题，不过按照我的做法，一般是没问题的，个人感觉不错，哈哈哈哈~别提有多开心了你是当你看到没有报错(10)好了介绍完了，接下来我们继续看看这个文件有什么用？它必须是有用的，白纸黑字，写得很清楚。这是类型。我使用群组对话(11)。接下来我们点击登录（websdk）栏，学习如何登录IM系统。这里，我们只需要关注loginInfo，listeners，和一个Successfulcallback和failedcallback，可以这样写我们看第一个参数loginInfo我这里用了里面的参数，但是加了一个accountType，这个accountType可以beasusedasthecompany'slogo,orotherlogos,你不需要这个字段，但是你想知道这个字段是做什么用的。您可以通过自己的后台，即服务器提供的IM接口，了解这些参数并获取。当然，这些参数都是必须的，除非有特殊说明,是可选的，所以在(12)中就不用写了先看第一个参数listeners，这里有很多参数，具体要看怎么写你使用它们。我用这两个：选择这两个的原因是：项目需要，就是类似聊天，你可以监听什么时候有人发消息，然后你在监听的回调里做一些你写的逻辑处理（13）当你做了这一步，你应该可以IMSDK登录成功了。如果显示是这样的话，那就是成功了。忘了说一句：isLogOn:false//是否开启控制台打印日志，True-on，False-off，默认开启，选择这个只是为了帮你自己看日志，不需要看完了，看个人吧~我也是第一次接触这个东西，可能有不足的地方，还请多多指教！
