获取未读消息

美洽官方的聊天按钮可以显示未读消息的数量,以及提供最近一条未读消息的预览。

如果你设置了无按钮模式,这两个数据也就无法被呈现了。但是通过 _MEIQIA('getUnreadMsg', callback); 接口,你可以从 callback 的参数中得到这些数据,用自己的方式在显示它们。

注意:

  • 本接口不一定要紧跟在美洽的嵌入代码后面,但必须在美洽插件初始化之前使用。
  • 由于存储未读消息的依赖于浏览器的 localStorage,所以在 IE8 以下的浏览器中,是无法获取未读消息的。

示例:

<div><div>我的数据来自未读消息接口</div><div>未读消息数量: <b id="unreadNum">0</b></div><div>最后一条未读消息的内容:<b id="unreadMsg"></b></div>
</div>
<!-- 这是一个简单的处理未读消息的示例 -->
<script>/*** [处理未读消息]* @param  {[string, object]} msg [string: 'hasBeenRead',object: 未读消息数据]*/function yourFunction(msg) {var text = '',num = 0;if (msg === 'hasBeenRead') { // 消息已被阅读num = 0;} else if (typeof(msg) === 'object') {var unreadNum = document.getElementById('unreadNum').innerHTML,lastMsg = msg[msg.length - 1];num = isNaN(+unreadNum) ? msg.length : +unreadNum + msg.length;// content_type 是消息的类型:// text(文字)、photo(图片)、file(文件)// content 是消息的内容if (lastMsg.content_type === 'text') {// 文字消息中可能会存在表情图片,由于路径问题// 将文字消息中的图片处理为文字'[表情]'text = lastMsg.content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, '[表情]');} else if (lastMsg.content_type === 'photo') {text = '[图片]';} else if (lastMsg.content_type === 'file') {text = '[文件]';} else {text = '[新消息]';}}// 未读消息数量document.getElementById('unreadNum').innerHTML = num;// 最后一条消息的内容document.getElementById('unreadMsg').innerHTML = text;}
</script>
<script type='text/javascript'>(function(m, ei, q, i, a, j, s) {m[i] = m[i] || function() {(m[i].a = m[i].a || []).push(arguments)};j = ei.createElement(q),s = ei.getElementsByTagName(q)[0];j.async = true;j.charset = 'UTF-8';j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';s.parentNode.insertBefore(j, s);})(window, document, 'script', '_MEIQIA');_MEIQIA('entId', '我是企业ID');// 获取未读消息_MEIQIA('getUnreadMsg', yourFunction);
</script>
<script type='text/javascript'>// 当你使用了「手动初始化」时,就可以在自己的逻辑中选择合适的时机调用 getUnreadMsg// 只要是在美洽初始化之前,就可以被正确执行_MEIQIA('getUnreadMsg', yourFunction);_MEIQIA('init');
</script>

美洽系统怎么获取未读消息相关推荐

  1. [iOS微博项目 - 3.6] - 获取未读消息

    github: https://github.com/hellovoidworld/HVWWeibo   A.获取登陆用户未读消息 1.需求 获取所有未读消息,包括新微博.私信.@.转发.关注等 把未 ...

  2. 环信-获取未读消息数量

    描述: 他人发给我消息,不管在主页面还是在聊天列表页面,均能收到消息且能得到未读消息数量,但若我保留未读消息,杀掉进程,再次打开app,主页面下tabbar角标并不显示未读消息数量. 上环信官网中的社 ...

  3. 融云客服获取未读消息

    比较极客的我们 能动手的尽量少BB 这里主要介绍两个API getUnreadCount setOnReceiveMessageListener 思路:为 setOnReceiveMessageLis ...

  4. TIM SDK腾讯实时通信获取未读消息

    使用TIM的getConversationList函数,不仅可以获取未读消息的具体信息,而是可以获取全部未读未读消息的总数. 调用方法: import TIM from 'tim-wx-sdk'// ...

  5. 微信HOOK 获取未读消息数量

    微信版本:3.4.5.27 要点:靠微信未读消息数量定位 1.打开CE附加微信 2.用另一个微信给这个微信发送消息 3 条位读 3.CE精准数字搜索3 4.然后取消搜索0 5.在发送2条 在搜索2 6 ...

  6. socket未读消息 如何设计_如何设计IM系统的消息架构?

    导读:IM全称是『Instant Messaging』,中文名是即时通讯.在高度信息化的移动互联网时代,生活中IM类产品已经成为必备品,像"钉钉"以IM为核心功能的产品.还有一些非 ...

  7. Android系统 小米/三星/索尼 应用启动图标未读消息数(BadgeNumber)动态提醒

    在Android手机上,如QQ.微信当有未读消息的时候.我们可以看到在应用的启动图标的右上角会有一个红色圈圈.且圈圈里会动态显示未读消息的数目,如下图显示: 那么该功能是怎么实现的呢? 在万能的互联网 ...

  8. Android系统 应用图标显示未读消息数(BadgeNumber) 桌面app图标的角标显示

    转载请标明出处:http://blog.csdn.net/xx326664162/article/details/51082574 文章出自:薛瑄的博客 你也可以查看我的其他同类文章,也会让你有一定的 ...

  9. 微信小程序定时器获取消息并在tabber按钮显示未读消息

    微信小程序定时器获取消息并在tabber按钮显示未读消息 onShow() {let that = this;this.getUserToken();wxService.setPageTitle(&q ...

最新文章

  1. pandas使用read_csv函数读取文件并解析日期数据列(parse dates)、pandas使用read_csv函数读取文件并将缺失值转化为空字符串
  2. python汇编指令_Python基础语法
  3. 高通fastmmi(ffbm)的使用
  4. 生成.o linux,JaxoDraw下载 费曼图生成工具JaxoDraw for linux v2.1.0 官方安装版 下载-脚本之家...
  5. VS2010 书签 工具的使用方法
  6. 在线JSON美化格式化工具
  7. r语言代码html,R语言的R Markdown创建html
  8. ppt太大怎么压缩变小一点?
  9. tensorflow配置默认工作路径
  10. 使用RestTemplate  对接微信付款码支付接入问题记录
  11. Fortigate飞塔防火墙配置命令
  12. 开奖名单公布!百度超级链专属好礼有你一份,速戳!
  13. ASCII栅格的显示
  14. 第2-1课:非线性方程与牛顿迭代法
  15. 2411681-89-3,Thalidomide-O-amido-PEG4-azide是一种PROTAC连接剂,通过点击化学与炔烃或DBCO、BCN连接的分子反应
  16. C1——primitives添加gltf并实现旋转、缩放、平移
  17. batch文件常用命令
  18. CGI跟FASTCGI区别
  19. 3.HTML——表格数据
  20. Linux解压tar.gz文件

热门文章

  1. 无线探针的原理及代码实现
  2. pomelo html5,Pomelo命令行工具使用
  3. MySQL 数据库练习题记录01
  4. 【UDK官方教程】知识点学习第一章
  5. Unity | 实现隐藏窗口到托盘,并且任务栏不显示icon
  6. django 微信支付成功回调url(notify_url)
  7. leetcode中等之1843.可疑银行账户
  8. 微信开发官方文档部分整理
  9. 将年月日时分秒转成年月日
  10. 免费的中医方剂管理软件