如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

 

Uni-app想开发社交应用、IM、店铺客服、嵌入式社交模块、在线直播互动,这些功能Uni-app官方也没提供SDK,怎么办呢?找IM老大腾讯云啊,今天我们就在Uni-app中把腾讯云即时通讯TXIM SDK跑起来,实现发发消息,聊聊天等功能。废话不多说,开干!

 

1、插件的获取

1.1在线插件获取和运行请参考本站文章《Uni-app原生插件入门使用教程「1」:从Uni-app插件市场获取并试用插件》(文章地址),对应的插件地址:

智密-即时通讯TXIM(商业版)(试用就用商业版,省事)

智密-即时通讯TXIM(免费版)(链接里有免费试用的要求,当然要求也不高)

PS:免费版和收费版功能相同,都永久维护,收费版可以按照客户要求定制。当然目前功能足够丰富,可以说已经不需要定制了,我们把IM的接口基本都开放了,并且自己做了一套仿微信的IM(源码只提供给收费版客户,咱也要养开发人员不是),效果杠杠滴。

1.2离线插件获取和运行请参考本站文章:《Uni-app原生插件入门使用教程「2」:如何离线使用原生插件》(文章地址),对应插件地址:插件链接

试用的时候,建议试用在线的收费版插件(反正试用的时候免费的),为啥不用免费版呢... 因为免费版需要到我们网站注册才能获取到30天的免费试用,反而变得麻烦了;为啥不用离线包呢... 因为这不仅需要到我们网站注册,而且更关键的是超过40M的包去打包是要收费的,能白嫖的尽量白嫖吧...大家赚钱都不容易。

 

2、腾讯云中开通服务并获取相关参数(这里的每一步都要照做,后面要考...)

2.1 登录腾讯云,并找到“即时通讯IM”

首先麻烦您登陆腾讯云管理后台(跳转链接),(万一、如果、假设很幸运的你没有腾讯云账号,顺带你想用免费版,可以直接私信后台,也可以添加微信:zhimitec,获取我的推广信息之后再注册。天下没有免费的午餐,你免费的东西我得从你在腾讯云的消费中拿回来不是)登陆之后您将进入新版管理界面,旧版管理界面用户请自行切换至新版管理界面。进入之后,请在首页搜索框输入“即时通信 IM”,点击搜索结果进入 即时通信 IM应用总览。

如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

 

2.2 创建应用

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

如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

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

如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

 

2.3 获取SDK_AppID(这里一会要考,看仔细喽...)

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

如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

 

2.4 获取UserID和User Sign(这里一会要考,看仔细喽...)

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

如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

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

 

2.5 官方SDK文档

因为我们的DEMO无法调用到所有的方法,但是我们在对接的时候尽量按照官方SDK的API进行了暴露,请多看官方SDK。

文档地址:链接

 

3、将DEMO中腾讯云部分参数更换为您自己的参数

3.1 替换SDK_AppID

请按照步骤2.3进行获取并完成替换。

如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

3.2 替换UserID和User Sign

按照步骤2.4进行获取并完成替换,代码里面是10001用户登录,发送给10002,要看下获取到的数据的话,得换成10002登录,然后看数据回调就能看到10001发过来的数据啦。

如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

 

4、运行DEMO

此DEMO只包含了单聊部分的接口,群聊部分的接口插件中也进行了集成,可以根据官方SDK的说明直接使用

如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

5、付费版DEMO展示

当然了,做到付费版的DEMO样子,光一个IM插件是不够滴,拍照、拍摄视频、图片/视频选择这部分使用了相册插件,语音视频通话使用了腾讯的实时直播插件,消息推送使用了腾讯的TPNS,后续文章我们会先将用到的插件一个个分解讲述怎么把每个插件跑起来,最后再来写一个用Uniapp来实现微信的整个过程和关键代码(PS:源码目前来说我们只提供给IM付费客户,谁让IM的返点几乎木有呢)。

如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能如何在Uni-app中通过腾讯IM SDK实现社交应用和直播互动等功能

 

 

 

 

智密科技,专业开发各类Uniapp原生插件、目前交付给客户的插件已经超过100个各类插件,正在陆续整理上架并分享一切关于Uni-app的教程、资讯。欢迎加入QQ群与作者一起讨论uni-app!

插件使用交流QQ群:755910061

上一篇:python处理验证码图片


下一篇:CenterFace--数据预处理