mysql存儲emoji表情方式

Emoji 在我們生活中真的是越來越常見了,幾乎每次發消息的時候不帶個 Emoji,總覺得少了點什麼,似乎乾巴巴的文字已經無法承載我們豐富的感情了。對於我們開發者來說,如何將 Emoji 存入 MySql 數據庫或者取出來,就變成了一種必須掌握的技能了。

Emoji 是一種圖形符號,能夠很直觀地反應出某種文字含義。它讓我想起遠古時代的象形文字。

Emoji 其實是一個日語詞(えもじ),E 表示"絵",moji 表示"文字";連在一起就是"絵文字",可以更形象化地表情達意。

02、糟糕

如果我們直接將 Emoji 表情存入數據庫的話,通常會出現下面這個錯誤。

因爲數據庫的字符編碼一般是 utf8(支持的編碼範圍爲 \u0000-\uFFFF),而 Emoji 所在的編碼範圍是 \u1F601-\u1F64F,超出 MySql 的邊界了。

怎麼解決這個問題呢?

03、utf8mb4

可以將 MySql 的字符集由 utf8 調整爲 utf8mb4。utf8mb4 是 MySql 在 5.5.3 版本之後增加的一個編碼方式,用來兼容四字節的 Unicode(包括 Emoji)。

理論上,utf8mb4 是 utf8 的超集,其中 mb4 是 most bytes 4 的意思,將字符集修改爲“utf8mb4”,並不會對已有的 utf8 編碼讀取產生任何問題。

但通常這種方式並不是最優解,因爲應用層還需要將 MySql 的連接方式作出以下調整:

jdbcUrl = jdbc:mysql://localhost/jfinal_demo?characterEncoding=utf8mb4&useSSL=false&zeroDateTimeBehavior=convertToNull
  • 1

由原來的 characterEncoding=utf8 調整爲 characterEncoding=utf8mb4

04、EmojiConverter

更友好的解決方式應該將 Emoji 當做字符串存儲,然後在取出來的時候再轉成 Emoji,這樣可以兼容所有的數據庫版本。

我在 GitHub 上找到了這樣的一個庫——EmojiConverter,它可以很方便地將 Emoji 轉換爲字符串的別名,同時也支持將這個別名轉換爲 Emoji。

1)在 pom.xml 文件中加入 EmojiConverter

<dependency>
	<groupId>com.github.binarywang</groupId>
	<artifactId>java-emoji-converter</artifactId>
	<version>0.1.1</version>
</dependency>
  • 1
  • 2
  • 3
  • 4
  • 5

2)存儲 Emoji 之前調用 toHtml() 方法轉換一下

EmojiConverter emojiConverter = EmojiConverter.getInstance();

String html = emojiConverter.toHtml(keywords.getContent().trim());

// JFinal 的保存方式
Record record = new Record().set(“content”, html)
Db.save(“keywords”, record);

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

比如說,要存儲的內容當中包含了一個點讚的 Emoji。

那麼通過 emojiConverter.toHtml() 轉了之後的內容是什麼樣子呢?是一個碼點:&#128077,debug 的時候截圖如下所示。

這樣的話,MySql 保存的內容就是一個普通的字符串了,編碼方式仍然可以是 utf8。

3)顯示 Emoji 的時候調用 toUnicode() 方法格式化一下

String unicode = emojiConverter.toUnicode(content);
outMsg.setContent(unicode);
  • 1
  • 2

格式化後的內容可以正常顯示在微信公衆號回覆的文本消息中,截圖如下所示。

05、最後

謝謝大家的閱讀,原創不易,喜歡就點個贊,這將是我最強的寫作動力。如果你覺得文章對你有所幫助,也蠻有趣的,就關注一下我的公衆號,謝謝。

                                </div>
            <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-b6c3c6d139.css" rel="stylesheet">
                </div>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章