仅需6步7分钟,用原生 js 接入腾讯云即时通信 IM

1,329 阅读2分钟

概述

本文用6个步骤,讲解了如何用原生 js 在微信小程序接入腾讯云即时通信 IM,耗时大约7分钟。值得一看,不耽误事。

背景

危机,有危就有机。疫情给全世界带来了很大的危害,也给很多场景和应用带来了前所未有的机会,如在线会议、在线教学、直播带货、全媒体客服等获得了前所未有的使用和增长。实现这些场景推荐使用腾讯云 TRTC,感兴趣的老板可以详细了解下,在此不多赘述。那如何实现会议、教学场景的聊天、文件传输、禁言功能,直播场景的弹幕、送礼、过滤涉黄涉政不雅词功能,全媒体客服的文本、语音、图片咨询功能呢?推荐使用腾讯云即时通信 IM,简单接入、稳定必达、覆盖全球。

“万事开头难”,接入一个 SDK 相当于开头,快速接入成功就开了个好头,心情愉悦干活有劲,后续可以调用相关 API 实现复杂具体的功能。下面就给大家介绍如何快速、心情愉悦地“开头”。

步骤

1、打开微信开发者工具,新建小程序项目

2、命令行打开刚创建的项目文件目录,npm init -y 快速生成 package.json
3、下载腾讯云即时通信 IMSDK:npm install tim-wx-sdk@latest --production

4、构建 npm

构建成功后能在项目目录看到 miniprogram_npm 和 tim-wx-sdk

5、详情-》本地设置-》使用 npm 模块

6、引入 TIM 模块
import TIM from 'tim-wx-sdk'

//app.js
App({
  onLaunch: function () {
    // 创建 SDK 实例,TIM.create() 方法对于同一个 SDKAppID 只会返回同一份实例
    let options = {
      SDKAppID: 0 // 接入时需要将0替换为您的即时通信应用的 SDKAppID
    };
    let tim = TIM.create(options); // SDK 实例通常用 tim 表示
    // 设置 SDK 日志输出级别,详细分级请参见 setLogLevel 接口的说明
    tim.setLogLevel(0); // 普通级别,日志量较多,接入时建议使用
  },
  globalData: {
    userInfo: null
  }
})

控制台如果能看到 TIM.VERSION: 2.6.1 的日志,表示接入成功。

相关文档