Emoji表情符號相容方案(適用ios,android,wp等平臺)
阿新 • • 發佈:2019-02-02
emoji就是表情符號;詞義來自日語(えもじ,e-moji,moji在日語中的含義是字元)
表情符號現已普遍應用於手機簡訊和網路聊天軟體。
emoji表情符號,在外國的手機簡訊裡面已經是很流行使用的一種表情。
手機上如何使用emoji:
1.iphone、ipad系統:安裝emoji free,再設定-通用-鍵盤-國際鍵盤-新增新的鍵盤,然後把emoji新增在裡面即可在發簡訊和一些輸入文字的文字框中輸入表情。
IOS 5使用者可直接從通用中新增emoji 鍵盤,無需再安裝emoji free
2.android系統:安裝“GO輸入法國際版”後,在輸入法裡面點選安裝emoji外掛可以使用。另外“百度輸入法”也自帶emoji表情
3.Windows Phone : 安裝此 Emoji Keys,在其中輸入之後複製貼上到需要輸入表情的地方即可
<此段摘自百度百科 http://baike.baidu.com/view/2631589.htm>
二 Emoji表情符號問題
1 問題:
IOS版本之間傳送的Emoji表情符號不相容,只看到方塊
不同IOS版本在資料庫存資料時,有時會發生系統錯誤
2 現象:
IOS 4 輸入Emoji表情符,在IOS5.01 顯示正常,在IOS5.1中(大陸版)顯現為方塊, 但IOS5.01/5.1輸入的表情符號,顯示正 常
IOS5.01/5.1 輸入表情符,在IOS5.01/5.1中顯示正常,但在IOS4.X顯示為方塊
輸入Emoji入帖子正文, 可正常儲存。 但使用者暱稱在IOS4.X 輸入Emoji,系統正常, 而IOS5.01/5.1則提示系統錯誤。
3 本質:
iOS 5 and OS X 10.7 (Lion) use the Unicode 6.0 standard ‘unified’ code points for emoji.
iOS 5 Emoji 採用Unicode 6 標準來統一code points
iOS 4 on SoftBank iPhones used a set of unofficial code points in the Unicode Private Use Area, and so aren't compatible with any other systems
iOS 4 採用SoftBank Unicode, 一種非官方的, 採用私有Unicode 區域。
4 舉例:
one emoji symbol "tiger", it is "\U0001f42f" in iOS5, but "\ue050" in earlier iOS version
虎臉Emoji符號在iOS5 為Unicode:\U0001f42f;而在IOS4.x 為:\ue050 (SoftBank 編碼)
另外: 按理講, 從iOS5 應該相容以前版本的emoji, 但現在出現5.01版本完美相容(無論大陸版,美版,還是港版), 而5.1 大陸版出現了不相容現象(騰訊微信也出現了同樣的問題)。
三 問題分析
1 系統儲存錯誤問題(如暱稱,帖子內容)
原因:
由於IOS5.X 採用新的Unicode, 其UTF8 編碼大多為4個位元組, 而由於暱稱/帖子內容column並沒設成utf8mb4,因此儲存會 發生錯誤。
解決方法:
將暱稱/帖子內容設成utf8mb4
2 不同iOS 之間Emoji 不相容的問題。
原因:
iOS 5 到4 不相容的問題,很簡單,unicode6 和softbank編碼的不同
iOS 4 到 5,按理說應該相容,也就是說,iOS應該自動判斷如果是softbank編碼,自動轉成unicode6。但現在看來, iOS5.1(大陸版)好像只支援unicode6, 而不支援softbank.
解決方法:
客戶端傳送emoji-encoding: Softbank或unicode6, 由服務端分別給出相應的編碼表。
四 解決方案
1 資料儲存(MySQL varchar 資料型別對UTF8 支援問題)
MYSQL 5.5 之前, UTF8 編碼只支援1-3個位元組, 從MYSQL5.5開始,可支援4個位元組UTF編碼,但要特殊標記。例如我們的帖子內容項,我們加上了這個支援。服務端mysql統一儲存為ios5.x也就是Unicode編碼。
對應alter語句:
ALTER TABLE topic MODIFY COLUMN content varchar(500) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '內容';
2 編碼轉換:
iphone手機方案
客戶端輸入內容時候,統一儲存為unicode編碼(這裡需要從softbank編碼轉換為unicode編碼)。客戶端請求內容的時候,需要根據不同的客戶端給出不同的編碼,ios4採用softbank編碼做替換,ios5採用unicode編碼直接支援。
android或wp其他手機方案:
如果沒有emoji表情庫,將無法輸入。針對輸入問題,將統一採用unicode編碼儲存。客戶端請求內容的時候,將統一用softbank編碼,客戶端需要把emoji表情符號內建到客戶端,做對應的編碼和img替換。
web解決方案:
參考android或wp其他手機方案
五 部分程式碼
1 sql程式碼
CREATE TABLE `ios_emoji` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '自增ID', `unicode` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT 'Unicode編碼', `utf8` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT 'UTF8編碼', `utf16` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT 'UTF16編碼', `sbunicode` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT 'SBUnicode編碼', `filename` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '檔名', `filebyte` longblob COMMENT '檔案內容位元組', PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 ROW_FORMAT=COMPACT COMMENT='ios表情編碼表';
2 java程式碼
import java.io.UnsupportedEncodingException; import org.apache.commons.lang.StringUtils; public class IOSEmojiUtil { public static String[] ios5emoji ; public static String[] ios4emoji ; public static String[] androidnullemoji ; public static String[] adsbuniemoji; public static void initios5emoji(String[] i5emj,String[] i4emj,String[] adnullemoji,String[] adsbemoji){ ios5emoji = i5emj; ios4emoji = i4emj; androidnullemoji = adnullemoji; adsbuniemoji = adsbemoji; } //在ios上將ios5轉換為ios4編碼 public static String transToIOS4emoji(String src) { return StringUtils.replaceEach(src, ios5emoji, ios4emoji); } //在ios上將ios4轉換為ios5編碼 public static String transToIOS5emoji(String src) { return StringUtils.replaceEach(src, ios4emoji, ios5emoji); } //在android上將ios5的表情符替換為空 public static String transToAndroidemojiNull(String src) { return StringUtils.replaceEach(src, ios5emoji, androidnullemoji); } //在android上將ios5的表情符替換為SBUNICODE public static String transToAndroidemojiSB(String src) { return StringUtils.replaceEach(src, ios5emoji, adsbuniemoji); } //在android上將SBUNICODE的表情符替換為ios5 public static String transSBToIOS5emoji(String src) { return StringUtils.replaceEach(src, adsbuniemoji, ios5emoji); } //eg. param: 0xF0 0x9F 0x8F 0x80 public static String hexstr2String(String hexstr) throws UnsupportedEncodingException{ byte[] b = hexstr2bytes(hexstr); return new String(b, "UTF-8"); } //eg. param: E018 public static String sbunicode2utfString(String sbhexstr) throws UnsupportedEncodingException{ byte[] b = sbunicode2utfbytes(sbhexstr); return new String(b, "UTF-8"); } //eg. param: 0xF0 0x9F 0x8F 0x80 public static byte[] hexstr2bytes(String hexstr){ String[] hexstrs = hexstr.split(" "); byte[] b = new byte[hexstrs.length]; for(int i=0;i<hexstrs.length;i++){ b[i] = hexStringToByte(hexstrs[i].substring(2))[0]; } return b; } //eg. param: E018 public static byte[] sbunicode2utfbytes(String sbhexstr) throws UnsupportedEncodingException{ int inthex = Integer.parseInt(sbhexstr, 16); char[] schar = {(char)inthex}; byte[] b = (new String(schar)).getBytes("UTF-8"); return b; } public static byte[] hexStringToByte(String hex) { int len = (hex.length() / 2); byte[] result = new byte[len]; char[] achar = hex.toCharArray(); for (int i = 0; i < len; i++) { int pos = i * 2; result[i] = (byte) (toByte(achar[pos]) << 4 | toByte(achar[pos + 1])); } return result; } private static byte toByte(char c) { byte b = (byte) "0123456789ABCDEF".indexOf(c); return b; } public static void main(String[] args) throws UnsupportedEncodingException { // TODO Auto-generated method stub byte[] b1 = {-30,-102,-67}; //ios5 //0xE2 0x9A 0xBD byte[] b2 = {-18,-128,-104}; //ios4 //"E018" //------------------------------------- byte[] b3 = {-16,-97,-113,-128}; //0xF0 0x9F 0x8F 0x80 byte[] b4 = {-18,-112,-86}; //E42A ios5emoji = new String[]{new String(b1,"utf-8"),new String(b3,"utf-8")}; ios4emoji = new String[]{new String(b2,"utf-8"),new String(b4,"utf-8")}; //測試字串 byte[] testbytes = {105,111,115,-30,-102,-67,32,36,-18,-128,-104,32,36,-16,-97,-113,-128,32,36,-18,-112,-86}; String tmpstr = new String(testbytes,"utf-8"); System.out.println(tmpstr); //轉成ios4的表情 String ios4str = transToIOS5emoji(tmpstr); byte[] tmp = ios4str.getBytes(); //System.out.print(new String(tmp,"utf-8")); for(byte b:tmp){ System.out.print(b); System.out.print(" "); } } }
六 參考資料
1 Emoji 全編碼表:(我參考的這個)
http://punchdrunker.github.com/iOSEmoji/table_html/flower.html
2 Emoji全編碼表
http://code.iamcal.com/php/emoji/
3 iOS5/4 Emoji 相容性:
http://stackoverflow.com/questions/7856775/how-to-convert-the-old-emoji-encoding-to-the-latest-encoding-in-ios5
4 MySQL emoji問題
http://dropblood.com/archives/ios-mysql-emoji
5 Emoji 中文對應表
http://www.iapps.im/wp-content/uploads/2012/02/emoji-pinyin.png?r=010
七 下載資源
emoji圖片和編碼表 http://download.csdn.net/detail/qdkfriend/4309051
包括emoji檔案表,emoji資料編碼表(Unicode編碼,UTF8編碼,UTF16編碼,SBUnicode編碼)
原文: http://blog.csdn.net/qdkfriend/article/details/7576524