腾讯云IM-SDK集成（web端）完成IM登录

一脸懵逼的看着腾讯云的文档，完成了所谓的采坑之旅

（1）很多人估计公司也需要用到聊天，以及音视频的功能，那么作为萌新的我，当然也是一来公司便得知需要用到这个技术，当时我是懵逼的，因为从来没接触过

（2）从得知这个消息后，我便开始了网上的各种搜索，百度，google,发现可以实现这些的东西的不仅仅除了腾讯云，还有融云等一些东西，我大概了解了一下。我个人觉得腾讯云的文档，以及一些例子，写得有点简单，并且是用H5做的，当然我只是做的是web端，至于其他小程序端，还有其他端那我就不清楚了。但是，我要怎么集成到vue.js上来呢，并且是自己搭建的脚手架。结果也是懵逼的，去网上也查不到腾讯云与vue.js相关东西，这就很头疼了，那么采坑就开始了，首先，我们先来看看IM的官方文档：https://cloud.tencent.com/doc…

打开官方文档，一眼望上去很无奈，怎么那么多

但是如果我们只是负责客户端，看这个就好了，其他你想看一下也可以

（3）别慌，跟着我一起慢慢看完。

这里显示那么多种，就得看你公司需求了，我们来看看web通用吧

（4）点进去之后，这里有很多文档的说明，我个人建议，先浏览一遍，你的脑袋才不会空白，即使看不懂也会有点印象

（5）当你看完Web通用的下面提供的Web SDK的时候，回到第一个留意下这个东西

你要看看你公司用的是独立模式还是托管模式，我用的是独立模式，很坑的就是官方文档并没有贴出独立模式的相关代码或者例子，就算有也是没啥用的demo,这个会心态爆炸

（6）关键的地方来了，注意官方说的：
说明：如果帐号采用的是独立模式，开发者需要在自己的服务器调用 TLS API 生成用户票据，然后调用 ImSdk 提供的接口进行相关操作。

（7）由于我这边的sig是由自己的服务器在通过腾讯云的服务器端（这一部分并不是我负责，所以不是很清楚）已经生成好了票据，那么我直接去通过接口去拿就行，大概的流程是这样的：

也就是说，这个就是独立模式登录的方法，我是直接在登录腾讯IM系统开始就行，但是你们的话就要根据具体情况去做了。其实我也很想去了解服务器端的sig的生成票据的方法，但是由于时间问题，就没有去了解

（8）好吧，说了这么多，大概的情况你们都了解了吧，看下一点

（9）集成 ImSDK------首先引入 Web SDK：
有人会问，在vue.js怎么去引入呢，其实很简单，直接index.html中引入就可以了

你们会不会发现跟网上的提供的不一样，确实，这个东西找了很久，有些人如果按照官方给的那种方案也就是下面这种本地引入：

进行引入的话，控制台会出现报错，会警告你什么UPXX Token < 这种类型的报错，我也忘记啥了，反正我之前按照官网提供的做法去，就出现这个问题，但是如果按照我这种做法去做的话，一般没问题，个人感觉良好，哈哈哈哈哈~当你看到没报错的时候别提多开心了

（10）好了，引入完之后，接下来我们继续看看文档

这个有什么用呢? 肯定有用啊，黑字白纸，写得明明白白。这也就类型嘛，我用的是群会话

（11）接下来我们来点击 登录（web sdk）那一栏，了解一下是怎么进行登录IM系统的

在这里，只需要注意loginInfo，listeners, 以及一个成功的回调跟失败的回调，你可以这样写

我们来看第一个参数loginInfo

我这里用到了里面的参数，但是加了一个accountType,这个accoutType可以作为公司的标识，或者是其他标识，你可以不用这个字段，但是你想知道这个字段是干嘛的，你可以去了解一下

这些参数，通过自己的后台，也就是服务器端提供的IM接口去获取，当然这些参数都是必须的，除了有特殊说明，就是选填的，那么就不用写进去了

（12）我们来看第一个参数listeners

这里参数很多，但是具体的还得看你们怎么用
我用的是这两个：

选这两个的原因是：项目需要，也就是类似于聊天一样，别人发信息过来，你可以监听到，然后你在监听到的回调中去做一些你写的逻辑处理

（13）做到这一步的时候，应该可以进行IM SDK登录成功了，如果显示是这样的，那么就是成功了

忘记了说了一个东西：
isLogOn: false // 是否开启控制台打印日志，True-开启，False-关闭，默认开启，选填

这个只是用来辅助下自己看看日志，你可以不用去看，看个人吧~

我也是第一次接触这个东西，可能哪里不足的地方，多多指教！

腾讯云IM-SDK集成（web端）完成IM登录相关推荐

腾讯云点播视频存储(Web端视频上传)
官方文档前言所谓视频上传,是指开发者或其用户将视频文件上传到点播的视频存储中,以便进行视频处理.分发等. 一.简介腾讯云点播支持如下几种视频上传方式: 控制台上传:在点播控制台上进行操作,将本地 ...
android腾讯云im刷新会话列表,融云 IM SDK 集成 --- 刷新会话界面和会话列表界面...
融云 IM SDK 集成 --- 刷新会话界面和会话列表界面最近集成融云 IMkit 发现, 融云 IMkit 提供的 ConversationListFragment 和 Conversation ...
腾讯云TRTC服务实现Web视频会议
腾讯云TRTC服务实现Web视频会议背景近期公司承接了某高校智慧校园的项目建设工作,其中在家校协作的板块中需要进行视频教学,以及线上屏幕共享,为了完成这一需求,我在自研与第三方服务的选择之间选择了 ...
Android开发-在Android里接入腾讯云推流SDK实现直播推流的功能
前言如今,在国内移动互联网发展了几年的时间,移动开发技术也相对的成熟,在咱们日常使用的手机App中也少不了直播的功能,不管是娱乐类.游戏类.体育类还是教育类等的App都会有直播的功能,可以说直播的 ...
安卓rtmp推流app_直播-腾讯云推流-sdk 播放地址不正确的解决方案---蜻蜓系统-uniapp-flutter通用...
直播-腾讯云推流-sdk 播放地址不正确的解决方案---蜻蜓系统-uniapp-flutter通用方法文件: /app/Services/LiveService.php 这个问题耽误了时间,有必要记 ...
直播系统开发之ios对接腾讯云直播sdk
这里是使用 Swift 语言编写对接腾讯云直播 SDK 的 demo 的示例代码.这段代码仅作为参考,实际应用中可能需要根据您的具体需求进行修改. 首先,你需要从腾讯云控制台获取 SDK 的 AppI ...
融云 IM SDK 集成 — 刷新会话界面和会话列表界面
融云 IM SDK 集成 - 刷新会话界面和会话列表界面最近集成融云 IMkit 发现, 融云 IMkit 提供的 ConversationListFragment 和 ConversationFr ...
php融云开源sdk使用im,融云 IM SDK 集成 --- 刷新会话界面和会话列表界面
融云 IM SDK 集成 --- 刷新会话界面和会话列表界面最近集成融云 IMkit 发现, 融云 IMkit 提供的 ConversationListFragment 和 Conversation ...
腾讯云 Ubuntu16.04.1 允许 root 用户 SSH登录修改 sshd_config PermitRootLogin 后登录失败
腾讯云 Ubuntu16.04.1 允许 root 用户 SSH登录修改 sshd_config PermitRootLogin 后登录失败今天重装了吃灰很久的服务器,选择的是 Ubuntu,腾讯 ...
微信小程序集成腾讯云 IM SDK
1.背景因业务功能需求需要接入IM(即时聊天)功能,一开始想到的是使用 WebSocket 来实现这个功能,然天意捉弄(哈哈)服务器版本太低不支持 wx 协议(也就不支持 WebSocket了)不得 ...

腾讯云IM-SDK集成（web端）完成IM登录

一脸懵逼的看着腾讯云的文档，完成了所谓的采坑之旅

腾讯云IM-SDK集成（web端）完成IM登录相关推荐

最新文章

热门文章