微信公众号开发--普通表情与emoji表情的处理

喜欢ヅ旅行 2022-09-30 09:40 332阅读 0赞

随着表情的大量使用，在微信开发中，开发人员不得不考虑对表情的处理。

微信上的表情大致可以分为三类。

第一类是收藏的表情，像下面这样的

![这里写图片描述][SouthEast]

![这里写图片描述][SouthEast 1]

这种表情从微信端发到服务器是这样的

![这里写图片描述][SouthEast 2]

这类表情无法处理。

另一类是微信自带的表情

![这里写图片描述][SouthEast 3]

这类表情发过来是符号，比如第一个微笑表情发过来是这个符号/::)

![这里写图片描述][SouthEast 4]

![这里写图片描述][SouthEast 5]

最后一类是emoji表情，emoji表情在java都是不可见编码，发过看到的是一个像空格一样的。

![这里写图片描述][SouthEast 6]

![这里写图片描述][SouthEast 7]

第一类表情无法处理，只能丢弃掉，而且微信发第一类表情的时候是无法同时发文字和表情的，只能发一个表情，所以对业务影响也不大。

第二类表情和第三类表情可以归为同一类，只不过第三类我们看不到，一旦对其进行编码，就能看到了。

处理表情的思路就是做一个编码表。

![这里写图片描述][SouthEast 8]

对于不可见的emoji可以用Unicode区分

emoji的unicode对照表参考

[iOS自带表情图标,可用转义字符使用][iOS]

第二类表情已经有人整理好了

参考

[微信默认表情代码和图片包][Link 1]

缺少几个表情

![这里写图片描述][SouthEast 9]

到目前，微信自带的表情（2017年3月21日）有99个，[微信默认表情代码和图片包][Link 1]中还有9个表情没有。

不过在微信web版里也没有那9个表情，我也没有找到那几个表情的资源文件，我通过截图把剩下的9个自带表情加了进去，还望知道微信官方表情包下载地址资源文件的告知一下。

![这里写图片描述][SouthEast 10]

emoji表情[微信默认表情代码和图片包][Link 1]已经给了部分emoji表情以及对应关系。完全是体力活，剩下的emoji表情就不一一添加了。

一些emoji表情的截图，这种像口的不可见字符可以通过Unicode查看不同。

![这里写图片描述][SouthEast 11]

缺失的表情

#缺失的那9张表情
    [囧]=<img class="wechat-emoji" src="/jrbac/assets/image/emoji/wechat/jiong.png" alt="囧">
    [嘿哈]=<img class="wechat-emoji" src="/jrbac/assets/image/emoji/wechat/heiha.png" alt="嘿哈">
    [捂脸]=<img class="wechat-emoji" src="/jrbac/assets/image/emoji/wechat/wulian.png" alt="捂脸">
    [奸笑]=<img class="wechat-emoji" src="/jrbac/assets/image/emoji/wechat/jianxiao.png" alt="奸笑">
    [机智]=<img class="wechat-emoji" src="/jrbac/assets/image/emoji/wechat/jizhi.png" alt="机制">
    [皱眉]=<img class="wechat-emoji" src="/jrbac/assets/image/emoji/wechat/zhoumei.png" alt="皱眉">
    [耶]=<img class="wechat-emoji" src="/jrbac/assets/image/emoji/wechat/ye.png" alt="耶">
    [红包]=<img class="wechat-emoji" src="/jrbac/assets/image/emoji/wechat/hongbao.png" alt="红包">
    [鸡]=<img class="wechat-emoji" src="/jrbac/assets/image/emoji/wechat/ji.png" alt="鸡">

[9个表情图片下载地址][9]

# emoji #

如何判断一句话中哪些是emoji哪些是文字呢？这里提供一个工具类，工具类中是将emoji转换为unicode编码，可以将其替换为图片，或者用空格过滤掉。

package com.jrbac.util;
    
    import java.util.Formatter;
    import java.util.HashMap;
    import java.util.Map;
    import java.util.regex.Matcher;
    import java.util.regex.Pattern;
    
    public class EmojiUtil { 
        /** * 显示不可见字符的Unicode * * @param input * @return */
        public static String escapeUnicode(String input) {
            StringBuilder sb = new StringBuilder(input.length());
            @SuppressWarnings("resource")
            Formatter format = new Formatter(sb);
            for (char c : input.toCharArray()) {
                if (c < 128) {
                    sb.append(c);
                } else {
                    format.format("\\u%04x", (int) c);
                }
            }
            return sb.toString();
        }
    
        /** * 将emoji替换为unicode * * @param source * @return */
        public static String filterEmoji(String source) {
            if (source != null) {
                Pattern emoji = Pattern.compile("[\ue000-\uefff]", Pattern.CASE_INSENSITIVE);
                Matcher emojiMatcher = emoji.matcher(source);
                Map<String, String> tmpMap = new HashMap<>();
                while (emojiMatcher.find()) {
                    // System.out.println(escapeUnicode(emojiMatcher.group()));
                    // System.out.println(emojiMatcher.start());
                    String key = emojiMatcher.group();
                    String value = escapeUnicode(emojiMatcher.group());
                    //System.out.println("key：" + key);
                    //System.out.println("value：" + value);
                    tmpMap.put(key, value);
                    // source =
                    // emojiMatcher.replaceAll(escapeUnicode(emojiMatcher.group()));
                }
                if (!tmpMap.isEmpty()) {
                    for (Map.Entry<String, String> entry : tmpMap.entrySet()) {
                        String key = entry.getKey().toString();
                        String value = entry.getValue().toString();
                        source = source.replace(key, value);
                    }
                }
            }
            return source;
        }
    }

测试

package com.jrbac.util;
    
    import org.junit.Test;
    
    public class EmojiTest {
    
        @Test
        public void testEmoji() {
            String source = "基本表情/::)emoji苹果emoji面包";
            String unicode = EmojiUtil.escapeUnicode(source);
            System.out.println("原始字符串："+source);
            System.out.println("unicode编码："+unicode);
            String replace = EmojiUtil.filterEmoji(source);
            System.out.println("替换后的字符串："+replace);
    
        }
    
    }

效果

![这里写图片描述][SouthEast 12]

# 参考文献 #

> [微信默认表情代码和图片包][Link 1]
> 
> [ iOS自带表情图标,可用转义字符使用][iOS]

[SouthEast]: /images/20220708/dc7fc92e9f374bf686da7f78c859512b.png
[SouthEast 1]: /images/20220708/fa2f14076e504e02986f97ddff642c87.png
[SouthEast 2]: /images/20220708/1a9487a32b314be0a194fb400cf033ba.png
[SouthEast 3]: /images/20220708/55c890660a2747659b88be61e8cfe35c.png
[SouthEast 4]: /images/20220708/e378c2b6610d4d7c9e2d3d818ef9b0a2.png
[SouthEast 5]: /images/20220708/4fa3cbdae36a4dd689f0ccd8801c9098.png
[SouthEast 6]: /images/20220708/ed401fda897a404b9a370c158cee29be.png
[SouthEast 7]: /images/20220708/09a57a67a42a4e0aa90b8b2b43606c35.png
[SouthEast 8]: /images/20220708/d2ac4f440fd944d895a70f20c17fe6ac.png
[iOS]: http://blog.csdn.net/liliangchw/article/details/8255960
[Link 1]: https://www.oschina.net/code/snippet_146430_27448
[SouthEast 9]: /images/20220708/9f47581ac79a4f42849f419848d5d0d4.png
[SouthEast 10]: /images/20220708/e639ca395f4f4d0dba37a089ea318b57.png
[SouthEast 11]: /images/20220708/f27ef45439d14681bf2e31c76da956da.png
[9]: http://download.csdn.net/detail/frankcheng5143/9788453
[SouthEast 12]: /images/20220708/18ddfa31710b4d0eafcfd11833de1a64.png