微信公众号开发--普通表情与emoji表情的处理（实用、超赞有图片资源）

红太狼 2023-06-27 03:42 20阅读 0赞

原文出处：[https://blog.csdn.net/frankcheng5143/article/details/64129433][https_blog.csdn.net_frankcheng5143_article_details_64129433] (原文图文并茂，请转读原文）

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

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

第一类是收藏的表情，像下面这样的  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZWxlbl9qYWs_size_16_color_FFFFFF_t_70][]

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

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

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

这类表情无法处理。

另一类是微信自带的表情

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

这类表情发过来是符号，比如第一个微笑表情发过来是这个符号/::)  
![这里写图片描述][SouthEast 3]  
![这里写图片描述][SouthEast 4]

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

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

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

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

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

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

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

emoji的unicode对照表参考

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

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

参考

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

缺少几个表情

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

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

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

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

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

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

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

缺失的表情

\#缺失的那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="鸡">12345678910

[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);

\}  
12345678910111213141516171819

效果

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

参考文献

[微信默认表情代码和图片包][Link 1]  
    
   [iOS自带表情图标,可用转义字符使用][iOS 1]  
————————————————  
版权声明：本文为CSDN博主「GW\_Cheng」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。  
原文链接：https://blog.csdn.net/frankcheng5143/article/details/64129433

[https_blog.csdn.net_frankcheng5143_article_details_64129433]: https://blog.csdn.net/frankcheng5143/article/details/64129433
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZWxlbl9qYWs_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200102201900985.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZWxlbl9qYWs=,size_16,color_FFFFFF,t_70
[SouthEast]: https://img-blog.csdn.net/20170320173912392?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 1]: https://img-blog.csdn.net/20170320161913404?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 2]: https://img-blog.csdn.net/20170320172805765?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 3]: https://img-blog.csdn.net/20170320173805062?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 4]: https://img-blog.csdn.net/20170320173312085?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 5]: https://img-blog.csdn.net/20170320173719467?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 6]: https://img-blog.csdn.net/20170320173550113?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 7]: https://img-blog.csdn.net/20170321102650806?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[iOS]: https://blog.csdn.net/liliangchw/article/details/8255960
[Link 1]: https://www.oschina.net/code/snippet_146430_27448
[SouthEast 8]: https://img-blog.csdn.net/20170321105359850?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 9]: https://img-blog.csdn.net/20170321135454250?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 10]: https://img-blog.csdn.net/20170321140052393?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[9]: http://download.csdn.net/detail/frankcheng5143/9788453
[SouthEast 11]: https://img-blog.csdn.net/20170321173719951?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZnJhbmtjaGVuZzUxNDM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[iOS 1]: http://blog.csdn.net/liliangchw/article/details/8255960