[035] 微信公众帐号开发教程第11篇-符号表情的发送(上)(转)

简介:

相信这篇文章已经让大家等的太久了,不是我故弄玄虚、吊大家胃口,而是写一篇文章真的须要花太多的时间。或许一篇文章,你们花3-5分钟就看完了、就学会掌握了,而我却要花2-3个小时的时间来完成,或许唯独用心写过文章的人才干体会,希望大家能够相互体谅!

 

也以前有人对我说,我写的东西太0基础,都是入门级的东西。好吧,我承认众口难调,非常难满足全部的读者,再加上我自己也仅仅是个新手,一个4月前才听说微信公众平台这个词的刚开始学习的人,谢谢你们以不同方式对我的激励,我会更加努力的!

 

第9篇文章介绍了QQ表情的发送与接收。在此之后,非常多朋友问我怎样发emoji表情(微信上叫符号表情),也就让我有了写这篇文章的决心。在此之前,我在网上进行了大量的搜索,发现根本沒有介绍这方面的文章,而且在微信公众帐号开发官方交流群里提问,也少有人知道该怎样发送emoji表情。今天,就让我们一起来揭开它的神奇面纱!

 

文章概要

本文重点介绍怎样在微信公众帐号开发模式下,通过程序代码向用户发送符号表情。至于怎样识别用户发送的是符号表情,就不在此解说了,留给大家一点学习思考的空间。我仅仅是给大家一个提示:用户向公众帐号发送符号表情,事实上也是一条文本消息,这与QQ表现是一样的,即然是文本消息,将接收的符号表情内容打印到日志,不就知道每一个表情相应的文本了吗?呵呵,当然也沒有这么简单,并非像其它文本消息,这里须要对接收到符号表情消息先做编码的转换。好了,就提示这么多。

 

认识符号表情

在公众帐号的主交互界面,窗体底部的输入框旁边有一个笑脸的图片button,点击它将会弹出表情选择界面,可选择的表情依次为“QQ表情”、“符号表情”和“动画表情”,我们选择“符号表情”,将会看到例如以下图所看到的界面:

能够持看出,相比QQ表情,符号表情要更加有用。为什么这么说呢?由于QQ表情大都是脸部表情,而符号表情除了脸部表情外,还有非常多与生活息息相关的表情,比如:动物、花朵、树木、电视、电话、电脑、吉它、球类、交通工具等等。假设能在消息中使用符号表情,会不会显得更加生动、有趣呢?

再来看看小q机器人中使用符号表情的效果,先上两张图:

  

左边截图是小q机器人的主菜单,在Q友圈文字旁边的那个表情就是符号表情,是一女一男两人小朋友,示意着在Q友圈里能够结识到许多其他的朋友,不要想歪了,^_^。右边截图是人脸识别功能的使用指南,里面的“相机”、“鬼脸”也是符号表情,这样看上去是不是更加有趣味性呢?假设是纯文本,一定会显得太单调、太枯燥了。

 

Emoji表情的分类

Emoji表情有非常多种版本号,包含Unified、DoCoMo、KDDI、Softbank和Google,而且不同版本号的表情代码也不一样,更可恶的是:不同的手机操作系统、甚至是同一操作系统的不同版本号所支持的emoji表情又不一样。所以,完美主义者能够止步了,由于眼下emoji表情并不能保证在全部终端上都能正常使用。

庆幸的是,我已经在超过10余部终端上測试过emoji表情的使用,这当中包含iPhone 4S、iPhone 5、Android 2.2、Android 4.0+、Win8、iPad2,唯独极个别终端上显示不出来或显示为一个小方格,所以并沒有什么太大的影响,也就能够放心使用了!

 

Emoji表情代码表之Unified版本号

上面介绍的几种版本号的emoji表情,都是通过unicode编码来表示的。换言之,不同版本号的emoji表情相应的unicode编码值也不一样。本篇文章,我先给出Unified版本号emoji表情的代码表,例如以下图所看到的:

 

公众帐号怎样向用户发送emoji表情

上面已经给出了emoji表情的unified unicode代码对比表,那么这些代码要怎样使用,才干发送出相应的emoji表情呢?假设你仅仅是简单的像使用QQ表情代码那样,直接在文本消息的Content里写emoji表情代码,一定是会原样显示的。

这里须要用到一个Java方法做转换处理,方法的代码例如以下:

[java]  view plain copy
 
  1. /** 
  2.  * emoji表情转换(hex -> utf-16) 
  3.  *  
  4.  * @param hexEmoji 
  5.  * @return 
  6.  */  
  7. public static String emoji(int hexEmoji) {  
  8.     return String.valueOf(Character.toChars(hexEmoji));  
  9. }  

方法说明:比如,“自行车”的unicode编码值为U+1F6B2,假设我们要在程序代码中使用“自行车”这个emoji表情,须要这样使用:

[java]  view plain copy
 
  1. String bike = String.valueOf(Character.toChars(0x1F6B2));  

事实上前面那个emoji()方法就是对上面这行代码做了个简单的封装而以。如今知道怎样使用emoji表情代码了吧,事实上就是将代码表中的U+替换为0x,再调用emoji方法进行转换,将转换后的结果放在文本消息的Content中,返回给用户就会显示emoji表情了。

以下,我给出一个使用emoji表情的完整演示例子,例如以下:

[java]  view plain copy
 
  1. package org.liufeng.course.service;  
  2.   
  3. import java.util.Date;  
  4. import java.util.Map;  
  5.   
  6. import javax.servlet.http.HttpServletRequest;  
  7.   
  8. import org.liufeng.course.message.resp.TextMessage;  
  9. import org.liufeng.course.util.MessageUtil;  
  10.   
  11. /** 
  12.  * 核心服务类 
  13.  *  
  14.  * @author liufeng 
  15.  * @date 2013-05-20 
  16.  */  
  17. public class CoreService {  
  18.     /** 
  19.      * 处理微信发来的请求 
  20.      *  
  21.      * @param request 
  22.      * @return 
  23.      */  
  24.     public static String processRequest(HttpServletRequest request) {  
  25.         String respMessage = null;  
  26.         try {  
  27.             // xml请求解析  
  28.             Map<String, String> requestMap = MessageUtil.parseXml(request);  
  29.   
  30.             // 发送方帐号(open_id)  
  31.             String fromUserName = requestMap.get("FromUserName");  
  32.             // 公众帐号  
  33.             String toUserName = requestMap.get("ToUserName");  
  34.   
  35.             // 回复文本消息  
  36.             TextMessage textMessage = new TextMessage();  
  37.             textMessage.setToUserName(fromUserName);  
  38.             textMessage.setFromUserName(toUserName);  
  39.             textMessage.setCreateTime(new Date().getTime());  
  40.             textMessage.setMsgType(MessageUtil.RESP_MESSAGE_TYPE_TEXT);  
  41.             textMessage.setFuncFlag(0);  
  42.             textMessage.setContent("自行车" + emoji(0x1F6B2) + " 男性" + emoji(0x1F6B9) + " 钱袋" + emoji(0x1F4B0));  
  43.             respMessage = MessageUtil.textMessageToXml(textMessage);  
  44.         } catch (Exception e) {  
  45.             e.printStackTrace();  
  46.         }  
  47.   
  48.         return respMessage;  
  49.     }  
  50.   
  51.     /** 
  52.      * emoji表情转换(hex -> utf-16) 
  53.      *  
  54.      * @param hexEmoji 
  55.      * @return 
  56.      */  
  57.     public static String emoji(int hexEmoji) {  
  58.         return String.valueOf(Character.toChars(hexEmoji));  
  59.     }  
  60. }  

上面代码的作用是:无论用户发送什么类型的消息,都返回包含三个emoji表情的文本消息。假设不明确CoreService类怎么回事,请查看本系列教程的第5篇,或者你仅仅须要认真看第42行代码,就知道怎么样把emoji表情代码放在文本消息的Content中了。最后再来看下执行效果截图:

本篇文章要讲的内容就至此结束了,但关于emoji表情的解说还沒有结束,为什么这么说呢?请细致看本篇文章的第二张截图,也就是小q机器人的文本菜单,里面用到的emoji表情在本文给出的emoji代码表里根本找不到(微信上的emoji表情与代码表中全然一致),那这个emoji表情又是怎样发送的呢,请听下回分解!

本文转自博客园知识天地的博客,原文链接:[035] 微信公众帐号开发教程第11篇-符号表情的发送(上)(转),如需转载请自行联系原博主。


相关文章
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
632 7
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
723 1
|
2月前
|
存储 小程序 安全
微信的开发管理都需要配置什么?
【10月更文挑战第17天】微信的开发管理都需要配置什么?
34 0
|
2月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
409 0
|
2月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
127 7
ly~
|
3月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
83 6
|
2月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
224 1
|
2月前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【10月更文挑战第3天】随着移动互联网的发展,微信小程序凭借便捷的用户体验和强大的社交传播能力,成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的身份认证与授权机制,包括手机号码验证、微信登录、第三方登录及角色权限控制等方法,并强调了安全性、用户体验和合规性的重要性,帮助开发者更好地理解和应用这一关键技术。
79 5
|
2月前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【10月更文挑战第3天】微信小程序作为新兴应用形态,凭借便捷体验与社交传播能力,成为企业拓展业务的新渠道。本文探讨了微信小程序全栈开发中的PWA技术应用,包括离线访问、后台运行、桌面图标及原生体验等方面,助力开发者提升小程序性能与用户体验。PWA技术在不同平台的兼容性、性能优化及用户体验是实践中需注意的关键点。
68 5
|
2月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
784 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机