仅需6步7分钟,用原生 js 接入腾讯云即时通信 IM
发布于 4 年前 作者 qinping 1815 次浏览 来自 分享

### 概述

本文用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({
  onLaunchfunction () {
    // 创建 SDK 实例,TIM.create() 方法对于同一个 SDKAppID 只会返回同一份实例
    let options = {
      SDKAppID0 // 接入时需要将0替换为您的即时通信应用的 SDKAppID
    };
    let tim = TIM.create(options); // SDK 实例通常用 tim 表示
    // 设置 SDK 日志输出级别,详细分级请参见 setLogLevel 接口的说明
    tim.setLogLevel(0); // 普通级别,日志量较多,接入时建议使用
  },
  globalData: {
    userInfonull
  }
})

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

### 相关文档

  1. 更新日志
  2. SDK 接口文档
  3. AVChatRoom 使用指南
  4. Web Demo
  5. 小程序
  6. iOS(密码 123)
  7. Android
3 回复

能补充接入成功后,小程序页面中简单调用的例子?

一对一聊天的时候,定时刷新tim.getMessageList() ?提交信息后也要刷新?

3qu,接入后的一些开发,还能深入写写?

回到顶部