HBuilder（H5+App）中集成腾讯云通信IM功能

产品经理的需求是，App端需要集成腾讯云IM来接收消息。在技术层面有两个实现方案：

如果App端只需要收发IM消息，不涉及远程推送功能，则可以使用腾讯云IM的WebSDK来实现。
但如果App端除了接收IM消息之外，还需要接收腾讯云的远程推送消息，由于HBuilder默认只集成了个推和小米推送，并未集成腾讯云的推送功能，此时只能自己去集成iOS/Android的SDK来实现。WebSDK无法实现远程推送。

配置腾讯云通信IM后台

首先需要登录腾讯云通信后台并进行配置，生成AppID和AccountType。

H5+集成腾讯云IM的WebSDK

注意：WebSDK无法获取远程推送，只能收发消息。
下载WebSDK，解压并将js文件放入项目工程中。

App端要想实现云通信，首先需要先登录腾讯云。将webim.js引入到html页面，并调用webim.login()函数。

<script type="text/javascript" src="js/imsdk/webim.js"></script>
<script type="text/javascript" charset="utf-8">webim.login({sdkAppID: "1234567890", //填入后台生成的AppIDappIDAt3rd: "1234567890", //填入后台生成的AppIDidentifier: userId, //用户唯一标示userSig: userSig, //用户签名accountType: "12345" //填入后台生成的AccountType}, {"onMsgNotify": onMsgNotify //指定一个接收并处理IM消息的函数}, {isAccessFormalEnv: true,isLogOn: false},function (resp){mui.toast("IM登录成功！！！" + resp);},function (err){mui.toast("IM登录失败。" + err.ErrorInfo);}
);
</script>

webim.login()函数需要填入相关信息，以及指定用于响应IM消息的函数，以及登录成功和失败的回调函数，具体请参阅webim.login接口文档。
下一步就是创建响应IM消息的函数。

    //监听新消息事件//newMsgList 为新消息数组，结构为[Msg]function onMsgNotify(newMsgList){// console.warn(newMsgList);var newMsg;//获取所有聊天会话// var sessMap = webim.MsgStore.sessMap();for (var j in newMsgList){//遍历新消息newMsg = newMsgList[j];var elems = newMsg.getElems();//获取消息包含的元素数组for (var i in elems){let elem = elems[i];let type = elem.getType();//获取元素类型let content = elem.getContent();//获取元素对象switch (type){case webim.MSG_ELEMENT_TYPE.TEXT:const messageText = content.getText();alert("收到IM消息：" + messageText);//进行处理break;
//                     case webim.MSG_ELEMENT_TYPE.FACE:
//                         html += convertFaceMsgToHtml(content);
//                         break;
//                     case webim.MSG_ELEMENT_TYPE.IMAGE:
//                         html += convertImageMsgToHtml(content);
//                         break;
//                     case webim.MSG_ELEMENT_TYPE.SOUND:
//                         html += convertSoundMsgToHtml(content);
//                         break;
//                     case webim.MSG_ELEMENT_TYPE.FILE:
//                         html += convertFileMsgToHtml(content);
//                         break;
//                     case webim.MSG_ELEMENT_TYPE.LOCATION://暂不支持地理位置
//                         //html += convertLocationMsgToHtml(content);
//                         break;
//                     case webim.MSG_ELEMENT_TYPE.CUSTOM:
//                         html += convertCustomMsgToHtml(content);
//                         break;
//                     case webim.MSG_ELEMENT_TYPE.GROUP_TIP:
//                         html += convertGroupTipMsgToHtml(content);
//                         break;default:webim.Log.error('未知消息元素类型: elemType=' + type);break;}}}}

集成iOS/Android的腾讯云通信IMSDK

待整理

HBuilder（H5+App）中集成腾讯云通信IM功能相关推荐

android 集成腾讯定位,Android集成腾讯云通信IM
本篇文章结构一.集成流程. 二.集成中遇到的问题集成过程 TIM图片20180425151417.png 很清楚,前几部没什么说的,去官网注册账号就好了,我们接下来看账号集成. 首先第一步是集成模 ...
springboot+sms 集成腾讯云短信平台
springboot+sms 集成腾讯云短信平台实现发送短信功能一.申请短信功能到腾讯云管理平台申请短信功能(https://console.cloud.tencent.com/) 1.1 创建短 ...
Docker 部署grafana集成腾讯云监控插件，监控腾讯云资源
1.编写Dockerfile FROM ubuntu RUN apt-get update \&& apt-get install -y wget sudo \&& a ...
SpringBoot集成腾讯云存储COS服务
前言该文章会先简单的介绍一下腾讯云的COS存储,然后演示如何在SpringBoot项目中集成COS,每一步都有记录,保证初学者也能看懂. 文章目录前言 1.腾讯云对象存储介绍 1.1.开通&quo ...
SpringBoot集成腾讯云COS存储
河南循中网络科技有限公司 - 精心创作,详细分解,按照步骤,均可成功! 文章目录学习资料集成腾讯云COS存储添加pom依赖 common的pom文件 yaml配置创建TencentCosUti ...
Java集成腾讯云音视频录制功能
Java集成腾讯云音视频录制功能为什么要实现音视频录制功能因为我们做的是一个医院的项目,医生和患者可能进行视频通话和语音通话,为了保证通话的质量以及后续的问题, 我们就需要进行音视频录制,以便后续 ...
使用springboot集成腾讯云短信服务，解决配置文件读取乱码问题
使用springboot集成腾讯云短信服务,解决配置文件读取乱码问题参考文章: (1)使用springboot集成腾讯云短信服务,解决配置文件读取乱码问题 (2)https://www.cnblog ...
android支付宝支付微信支付封装,如何在Android App中集成支付宝和微信支付功能
前言本文主要介绍如何在 Android App 里集成支付宝和微信支付的功能,文中将实现的步骤一步步介绍的非常详细,对同样遇到这个问题的朋友相信会是一个很好的参考,下面话不多说了,来一起看看详细的介 ...
轻松集成腾讯云短信服务实现短信发送（Java实现）
不论是阿里云还是腾讯云,要想在网站上实现短信发送功能,首先得保证你的网站域名是通过备案的,因为短信签名是需要用到备案过的域名截图,所以域名通过了,申请很快就会审批成功了. (至于备案的话,需要你先购买 ...
Spring Boot中使用腾讯云短信服务
第一步:在腾讯云官方网站开通短信服务第二部:开通后,在短信控制面板中找到国内短信第三步:点击签名管理并创建签名第五步:点击正文模板管理并创建正文模板第六步:在pom文件中添加腾讯云短信依赖 & ...

HBuilder（H5+App）中集成腾讯云通信IM功能

配置腾讯云通信IM后台

H5+集成腾讯云IM的WebSDK

集成iOS/Android的腾讯云通信IMSDK

HBuilder（H5+App）中集成腾讯云通信IM功能相关推荐

最新文章

热门文章