如何实现IM表情、图片、文件之间的通讯？

背景

随着企业的发展，企业事务管理系统如OA、CRM、PM、KM等将会越来越多。企业员工每天需要花大量的时间去各个系统查看与操作相关事务。尽管如此，各项信息还是无法第一时间得到处理，各项工作的执行效率大打折扣。因此，睿信IM产品应运而生，它可以：

1、为企业提供私有的IM系统，防止商业信息泄露

2、整合企业办公生态，汇总多端消息通知，防止消息漏接漏审。

3、便捷企业办公，在IM中可完成多个办公系统的操作。简化办公流程操作。

而通讯作为睿信IM最基本的功能，怎么少得了表情、图片、文件之间的通讯呢？那么问题来了，它是如何实现IM表情、图片、文件之间的通讯呢？

睿信IM表情是如何实现的呢：

在使用IM产品时，我们接收到的表情不会是一张图片，而是类似：face[微笑] 、[微笑]、/微笑这样的字符串，那么如何将字符串转换为对应的表情就是问题的关键。毋庸置疑，通过对相应的字符串作匹配替换，从而将对应的表情显示出来是比较好的一个方法。

首先，本地要有一个表情图片库，类似 睿信IM表情库：

本地表情文件的不同，对应的处理方法也会不一样。 有了这样的一个表情库文件，接下来就是对相应的表情字符串进行匹配。

其次：针对不同的表情字符串，需要写不同的匹配规则。如需匹配[微笑]或者/微笑格式的表情，对应的规则如下：

A.循环遍历，用字符串赋予一个图片路径，最后用来发送的表情实际上是 face+下面的字符串标识，如

face[微笑]：

private insertFace(item: any) {
   
    this.sendMessageValue = this.sendMessageValue + "face" + item;
    this.showFace = false;
}

export let faceUtils = {
   
    alt: [
        "[微笑]", "[得意]", "[泪]", "[哈哈]", "[色]", "[伤心]",
        "[害羞]", "[疑问]", "[闭嘴]", "[怒]", "[偷笑]", "[困]",
        "[汗]", "[吐血]", "[拜拜]", "[笑哭]", "[晕]", "[嘘]",
        "[衰]", "[敲打]", "[可怜]", "[赞]", "[差]", "[握手]",
        "[耶]", "[抱拳]", "[OK]", "[抱抱]"