在项目中集成腾讯云IMsdk
// IM Web SDK
npm install tim-js-sdk --save
// 发送图片、文件等消息需要的 COS SDK
npm install cos-js-sdk-v5 --save

编制im.js文件,对腾讯云sdk进行简单的封装,暴露接口

import TIM from ‘tim-js-sdk’ // 接入腾讯sdk
import COS from ‘cos-js-sdk-v5’ // 接入图片上传

const options = {
SDKAppID: 0 // 接入时需要将0替换为您的即时通信 IM 应用的SDKAppID
}
// 创建 SDK 实例,TIM.create()方法对于同一个 SDKAppID 只会返回同一份实例
const tim = TIM.create(options) // SDK 实例通常用 tim 表示
// 设置 SDK 日志输出级别,详细分级请参见 setLogLevel 接口的说明
// tim.setLogLevel(0) // 普通级别,日志量较多,接入时建议使用
tim.setLogLevel(1) // release 级别,SDK 输出关键信息,生产环境时建议使用
// 注册 COS SDK 插件
tim.registerPlugin({ ‘cos-js-sdk’: COS }) // 继承接入图片上传
export default im

在vue中引入,打开main.js文件引入im.js接口

import webIM from ‘./assets/js/im.js’ // 引入腾讯IM

在vue继承webIM方法

Vue.prototype.webIM = webIM // 继承im方法

完成以上步骤就可以在vue项目中直接调用webIM方法

以登陆为例子:
this.webIM.login({ userID: ‘’, userSig: ‘’ })
.then(function (imResponse) {
console.log(imResponse.data) // 登录成功
}).catch(function (imError) {
console.warn(‘login error:’, imError) // 登录失败的相关信息
})

文档参考地址:
直播群简易文档
https://cloud.tencent.com/document/product/269/43002
IM聊天详细接口文档
https://imsdk-1252463788.file.myqcloud.com/IM_DOC/Web/SDK.html

网页web腾讯云webIM开发记录(一)相关推荐

  1. RAK7258 LoRaWAN 网关接入腾讯云物联网开发平台

    文章目录 前言 1 控制台操作 LoRa 网关 2 RAK 7258 LoRa网关实物操作 连接配置 网络配置 LoRa参数配置 网关上线确认 END 前言 这篇笔记记录采用 RAK7258 LoRa ...

  2. ESP32接入腾讯云物联网开发平台

    文章目录 前言 1 资料参考 2 对接总体思路 3 代码移植 3.1 component qcloud_iot 3.2 项目顶层处理 3.3 component main 4 移植问题备忘 CMake ...

  3. 腾讯云物联网开发平台 IoT Explorer 全面指引

    文章目录 * 1 设备侧开发教程 * 1.1 [腾讯云](https://l.gushuji.site/tencent)端侧资源 1.2 LoRa 设备 * LoRaWAN 节点接入 LoRaWAN ...

  4. 腾讯云-物联网开发平台测试(联合mqtt.fx 1.7.1)

    腾讯云-物联网开发平台测试(联合mqtt.fx 1.7.1) 文章目录 腾讯云-物联网开发平台测试(联合mqtt.fx 1.7.1) 环境介绍: 实验目的: 1.新建产品 2.新建功能 3.设备开发 ...

  5. 如何用Baas快速在腾讯云上开发小程序-系列3 :实现腾讯云COS API调用

    版权声明:本文由贺嘉  原创文章,转载请注明出处:  文章原文链接:https://www.qcloud.com/community/article/640268001487425627 来源:腾云阁 ...

  6. 腾讯云TCA开发工程师认证考试

    腾讯云TCA开发工程师认证考试(专栏有第二篇试题) (本篇一共82题,部分笔记放在底部) 1.TSF控制台的配置中心,目前支持以下哪一种格式的配置文件 A.JSON格式 B.XML格式 C.YAML格 ...

  7. 腾讯CSIG-腾讯云-后台开发-面经(已拿offer)

    前言 CSIG-腾讯云 后台开发(本人非科班渣硕) 一面技术面 03.25 19:30 - 20:50 自我介绍,都是几个非计算机相关的项目,面试官也没问几个相关的问题 有一段讯飞研究院实习,不过面试 ...

  8. 腾讯云物联网开发平台 LoRaWAN 透传接入 更新版

    前言 之前有一篇文章介绍LoRaWAN透传数据,不过还是用物模型+云端数据解析脚本,不是真正的透传.腾讯云物联网开发平台也支持对LoRaWAN原始数据的透传.转发.今天来介绍下. 腾讯云 IoT Ex ...

  9. STM32节点移植lorawan协议连接腾讯云物联网开发平台(IoT Explorer)

    STM32移植lorawan协议栈连接腾讯云物联网开发平台(IoT Explorer) 前言 开发环境的准备 正文 初始化 入网 发送与接收 前言 在移植协议之前,先给大家科普一下Lora 和 lor ...

  10. 【STM32+ESP-12S连接腾讯云物联网开发平台 1】云平台的创建和AT固件烧录

    腾讯云物联网开发平台创建和ESP-12S的固件烧录 前言 一.腾讯云物联网开发平台的创建 1. 创建产品 2. 配置产品和创建设备 3. 设备三元组说明 二.ESP-12S固件烧录 1.固件获取 2. ...

最新文章

  1. Tomcat5.5x+jndi配置
  2. 32岁的老程序员面试没通过,一问原因,挺突然的...
  3. php reverseShell
  4. python pynlpir NLPIR许可证过期问题【RuntimeError: NLPIR function ‘NLPIR_Init‘ failed.】
  5. Spring MVC:高级会话
  6. ajax环境配置tomcat,jcreator+tomcat环境配置
  7. 计算机网络——链路层之PPP协议和HDLC协议
  8. vSAN其实很简单-运维工程师眼里的vSAN
  9. Netty工作笔记0022---NIO快速入门--编写客户端
  10. @Valid注解的使用(转)
  11. Pickpocketing.Mifare.pdf
  12. jquery实现截取pc图片_html+jquery实现简单图片裁剪
  13. 用JavaScript+HTML实现双色球随机摇号效果
  14. Python快速下载M3U8电影
  15. Qt配置OpenCV时mingw32-make反复出错的原因
  16. python编码及初体验
  17. PIP安装wxpy报错
  18. opencv-python学习笔记-2对比度增强——研0基础学习
  19. mybatis中如何防止sql注入和传参
  20. 如何参加java开源项目_有哪些适合大学生的开源项目?怎么参与?

热门文章

  1. vue实现生成二维码与扫描二维码
  2. vue实现5秒后自动跳转到首页
  3. PPC飞信问题...WM6.5版无法安装以及连接
  4. 线性代数基础知识点回顾与总结(一):行列式与矩阵
  5. android 开机自动启动服务,Android实现开机自动启动Service或app的方法
  6. 一键去win7快捷方式小箭头
  7. java_求1到n英寸换算厘米 (右对齐,保留两位小数)
  8. C语言试题八十六之兔子生兔子问题
  9. 「笔耕不辍」悲观锁和乐观锁的区别以及实现方式
  10. Noteability和GoodNotes日常使用细节对比