二、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消息推送(暂未接入)


@


文章概述

各位看官可能要失望了,都第二篇了居然还是一行代码都没看到,别急别急,记得磨刀不误砍柴工。
因为我们用到了腾讯云的SDK,所以我们在开发之前第一步就是要把腾讯云的AppId搞定,搞定AppId之后,还得去搞定用户信息,要不咋玩登录,往哪发消息啊。所以我们这一篇就是讲怎么配AppId和用户信息,下一篇我们就开始折腾代码了(PS:对自己自信的老哥可以直接去下载源码直接跑,这个写文章的人是菜鸟,大神在写代码)


一、配置腾讯云应用

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

1.准备创建应用

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

2.创建应用

进入 即时通信 IM应用总览 之后,点击创建应用(如已有相关应用请跳过这一步)。
创建应用
创建完成之后,我们需要点击已经创建的应用进入应用管理面板。
应用创建成功

3.获得需要的AppId

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

二、获取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

posted @ 2021-12-23 14:32  智密科技  阅读(579)  评论(0编辑  收藏  举报