评论

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

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


### 概述

本文用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
最后一次编辑于  2020-04-13  
点赞 3
收藏
评论

6 个评论

  • Sher
    Sher
    2022-09-17

    打包不了提示 `node_modules\tim-wx-sdk\tim-wx.js` 文件体积超过 500KB 请问怎么解决

    2022-09-17
    赞同
    回复
  • WEDO_NG
    WEDO_NG
    2021-01-28

    app.js里创建的tim实例怎么在其他页面也访问到呢

    2021-01-28
    赞同
    回复
  • 李鹏鹏
    李鹏鹏
    2020-09-25

    上传时提示超过2m怎么解决

    2020-09-25
    赞同
    回复
  • 2020-04-29

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

    2020-04-29
    赞同
    回复
  • 2020-04-27

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

    2020-04-27
    赞同
    回复
  • 2020-04-25

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

    2020-04-25
    赞同
    回复 2
登录 后发表内容