二、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP，支持各类消息收发，音视频通话，附vue实现源码(已开源)-腾讯云后台配置TXIM

项目文章索引

1、项目引言

2、腾讯云后台配置TXIM

3、配置项目并实现IM登录

4、会话好友列表的实现

5、聊天输入框的实现

6、聊天界面容器的实现

7、聊天消息项的实现

8、聊天输入框扩展面板的实现

9、聊天会话管理的实现

10、聊天记录的加载与消息收发

11、定位SD配置与收发定位消息

12、贴图表情的定制化开发

13、腾讯云后台配置TRTC功能

14、集成音视频通话功能

15、集成仿微信的拍照，相册选择插件

16、集成美颜功能

17、集成TPNS消息推送(暂未接入)

---

@

目录

• 项目文章索引
• 文章概述
• 一、配置腾讯云应用
  • 1.准备创建应用
  • 2.创建应用
  • 3.获得需要的AppId
• 二、获取UserID与UserSign
  • 1.测试时生成UserID + UserSign
  • 2.发布时生成UserID + UserSign
• 三、项目开源地址及交流群

---

文章概述

各位看官可能要失望了，都第二篇了居然还是一行代码都没看到，别急别急，记得磨刀不误砍柴工。

因为我们用到了腾讯云的SDK，所以我们在开发之前第一步就是要把腾讯云的AppId搞定，搞定AppId之后，还得去搞定用户信息，要不咋玩登录，往哪发消息啊。所以我们这一篇就是讲怎么配AppId和用户信息，下一篇我们就开始折腾代码了(PS：对自己自信的老哥可以直接去下载源码直接跑，这个写文章的人是菜鸟，大神在写代码)

---

一、配置腾讯云应用

首先请登录腾讯云管理后台，后台网址：https://console.cloud.tencent.com，登录之后请切换到新版管理界面，我们的截图是基于新版管理界面做的。

1.准备创建应用

腾讯的产品太多了，我们通过搜索“即时通讯 IM”，点击搜索结果进入“即时通讯 IM”应用总览界面

2.创建应用

进入 即时通信 IM应用总览 之后，点击创建应用（如已有相关应用请跳过这一步）。



创建完成之后，我们需要点击已经创建的应用进入应用管理面板。

3.获得需要的AppId

如图所示这是我们刚刚创建的“TXIM”应用对应的管理面板，我们需要记录 应用资料 - SDKAppID，稍后在uniapp项目中我们需要用到，如图所示，我们的SDKAppID是1400521882（请实际开发中使用您自己创建的应用对应的SDKAppID，请勿使用1400521882）

二、获取UserID与UserSign

AppId和密钥成功获取之后，我们要来创建登录时所需的用户账户信息。

1.测试时生成UserID + UserSign

测试时候生成的UserID + UserSign有效期为180天，需要通过腾讯云后台生成，在前面“准备环境”一文提到过的应用后台，具体操作如下。



请注意，用户名(UserID)使用数字/字母/数字+字母的组合，请勿使用中文，否则将导致登陆或发送消息时候抛异常无法正常使用。

2.发布时生成UserID + UserSign

发布时候生成UserID + UserSign需要后端支持（虽然可以客户端生成但是纯在安全情况故不建议），具体文章参考TXIM SDK官方文档（https://cloud.tencent.com/document/product/269/32688#.E6.9C.8D.E5.8A.A1.E7.AB.AF.E8.AE.A1.E7.AE.97-usersig）



一般情况下我们时由用户输入账号密码，登陆后后端返回UserID + UserSig以登陆TXIM，此处有后端接入因此省略该环节，实际开发中开发者可根据实际情况选择合适的获取方式。

三、项目开源地址及交流群

项目开源地址：https://gitee.com/ckong/Zhimi.OpenSource.UniApp.TXIM.Vue

Uniapp开发交流群：755910061