微信公众号平台与内容管理整合

陈浩

摘要：随着移动互联技术的发展，信息能够更及时，更全面的送达到每一个人随身携带的移动终端上。而腾讯依托其庞大的用户群，推出了公众号功能，使得个人、公司都能依托其平台发布信息，提供内容服务。公司一线员工因为工作性质原因，不能及时以及随时查阅到最新的规章制度，信息公告并充分利用碎片化时间进行业务知识学习。因此，可以利用微信公众号平台提供的微信公众号功能可以快速，方便为一线员工提供相关信息查询以及业务知识的学习。

关键词：微信公众号平台；微信公众号；CMS内容管理；整合

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）06-0017-02

移动互联技术的发展为创新性地解决航空公司服务管理工作中一些长期性的困难带来了可能，具体表现在：第一方面，随着行业、企业业务规范日新月异的变化和公司服务管理体系（CSM）、服务首问责任制等逐渐走向深化，一线员工较难通过原有纸质手册和PC端（个人电脑终端）实现大量关键信息的快速提取和准确查找，而微信公众平台为解决此类问题提供了一种方案。第二方面，公司内现有的服务类业务通告大多需要及时传递，但服务队伍的日益庞大，要依赖OA系统已很难实现及时性的需求，而微信公众平台在及时有效性上有前者无法企及的优势。第三方面，随着信息量的增大、人员的增多，面对面沟通的高覆盖率难以实现，借助纸质报纸、杂志等传统信息载体，已很难达到使服务理念与服务文化深入人心的程度，而微信公众平台却能达到信息传播的高覆盖。第四方面，由于公司一线员工工作性质所限，其作息时间弹性较大，业务培训手段亟待丰富，碎片化培训模式亟待引入，也客观上要求下一步的培训工作需借助移动互联技术。第五方面，移动互联技术为区域内服务系统的干部员工提供了沟通交流的平台，有利于全流程服务链条的打通。

1 微信公众号的定位

公司服务微信公众号是以公司服务系统工作人员为服务对象的，供其快速查找公司各级服务类政策规定、检查通报、奖励与典型案例，为其推送服务文化、理念、业务通告，提供服务类课程碎片化培训，并实现跨部门沟通交流的微信移动互联平台。

具体来讲，创建公司服务微信公众平台可满足以下五方面需求：一是实现一线员工对服务类政策规定的快速查询；二是实现服务类业务通告、检查通报、奖励及典型案例的快速推送；三是实现碎片化培训模式；四是建立移动端沟通交流平台；五是传导正能量，培育服务理念，营造服务文化。

2 需求分析

通过需求调研和分析，分公司服务微信公众号相关业务包括以下内容：

1）微信公众号菜单包含公司层面，事业部层面，以及面向整个分公司的沟通交流平台三个一级菜单，信息的发布权限分别对应运质部、相关事业部，以及整个分公司。

2）公司层面具体有五个菜单，分别为政策规定、航站业务、服务检查奖惩、CSS通报、服务风险提示。

3）事业部层面具体也有五个菜单，分别为竞聘信息、员工福利、信息公告、培训、其它。

4）沟通交流平台为四个菜单，公司产品、跨部门信息公告、公司新闻、员工留言板。

3 系统设计与实现

3.1 系统设计

由于公司需要将数据保存在我们的服务器上，所以针对微信公众平台的处理流程规范，需要在公司内网搭建相应的服务器，用于数据的管理和与微信公众号平台的交互。需要实现如下相应的功能：一、和微信公众号平台服务器的接口交互，二、对数据、消息内容的发布、管理。

3.1.1 系统交互流程

用户在微信客户端中发送一条消息给公众号后，消息首先发送到腾讯的微信平台服务器上，然后微信平台服务器再根据消息的接收人数据将相应的消息封装为XML格式消息转发到我们自己搭建的微信应用服务器上，微信应用服务器接收到消息后，经过对消息的解析，得到需要具体调用的操作以及相应的条件数据，根据这些信息到后台的CMS系统中通过访问数据库表查找到具体的内容（根据CMS系统的特点，查找内容可以再细化为通过数据库方式和API接口调用方式，为了快速实现相应功能，我们采用了直接访问数据库方式），获取到相应内容后，应用服务器根据微信公众号平台接口规范，将获取的内容封装在XML格式的消息中发回给微信应用服务器，微信应用服务器再将返回的消息转发到用户的微信客户端中，最终完成一个请求和响应的全部流程。

3.2 系统选择

公司目前有一套使用Java开发，基于JBOSS服务器的B2C的微信公众号开发运行环境，因此根据公司对IT系统发展的规划，我们决定使用目前现有的开发运行环境来实现微信应用服务器。而后台内容管理系统则选择用开源的系统，并且与公司目前的开发环境所采用的技术保持一致，因此在常用的几个开源内容管理系统中，选择了JSPXCMS系统，该系统采用的SpringMVC框架与公司目前使用的技术框架基本一致，对后期系统进行二次开发将更有利。

3.3 系统整合

因为项目工作安排，公司微信应用服务器的开发工作由另一项目组负责完成，而我们则负责后台内容管理系统的开发，并与公司微信应用服务器对接联调。通过对JSPXCMS系统的研究和学习，前期对JSPXCMS只在展现层做了部分修改以实现了对内容页面在手机客户端的支持，同时，通过对数据库数据字典的学习和总结，实现JSPXCMS系统中栏目、内容和微信应用服务器的对接联调。

3.3.1 展现层修改

因为JSPXCMS最初设计为在PC端浏览使用，所以在页面展现上都是按照PC端大显示器的模式来设计的，而我们的内容则将显示在屏幕尺寸较小的手机或者平板客户端上，所以第一步是要实现屏幕尺寸的自适应，通过在网上查阅页面响应式设计的相关信息，在模版HTML文档标签中增加一行标签：

上段代码的意思是，让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。接着再修改页面CSS定义中关于页面宽度的设置，从而实现了在手机以及平板客户端的较好展示。在项目的实际修改过程中，根据手机设备的分辨率不同，我们采用了最低的320像素，以最快速和简便的方法实现在不同手机上均有较好的显示效果。

第二步则将原有系统中页面上其他与实际需要展示在手机端的数据内容不相关的内容从页面模版中去掉。由于手机端界面空间有限，因此我们只显示和实际内容相关的文字，经过对首页模版，栏目列表、文章内容页面几个模版的修改，去掉原PC端需要展示的侧边栏、滚动新闻、网站公告等栏目后，最终完全到达了在手机客户端上较好的展示效果。

3.3.2 数据层和微信应用服务器的对接联调

微信应用服务器需要从CMS内容管理系统中获取用户需要的内容和数据，就需要知道JSPXCMS内容管理系统中栏目和内容数据的结构是什么样的，栏目和内容数据又是如何组织起来的，因此我们接着对JSPXCMS数据库的结构进行了学习研究，通过系统的数据库说明文档中的数据字典说明以及实际库中数据对比结合，明确了保存栏目和内容数据信息的表以及表结构，其中：

1） 栏目的主表为cms_node，关键字段以及内容示例如下：

"f_node_id"，"f_parent_id"，"f_info_model_id"，"f_number"，"f_name"

"45"，"1"，"2"，"notice"，"网站公告"

2）内容数据的主表为cms_info，关键字段以及内容示例如下：

"f_info_id"，"f_node_id"，"f_publish_date"

"130"，"76"，"2014-07-09 15：42：36"

3）内容详细信息表为cms_info_detail，关键字段以及内容示例如下：

"f_info_id"，"f_title"，"f_meta_description"

"130"，"客舱发布测试"，"你所期待的“XX航好声音”?....."

4）内容大字段表为cms_info_clob，关键字段以及内容示例如下：

"f_info_id"，"f_key"，"f_value"

"130"，"text"，"

你所期待的&ldquo；XX航好声音&rdquo；......?

"

由上面信息中可以看出，cms_node中保存了的栏目信息，也就是微信中菜单项目，通过栏目的ID，微信应用服务器就将菜单项对应的网络访问路径建立起来，从而使得用户在点击菜单后能准确的访问到对应的栏目内容或者生成对应栏目的图文消息。而cms_info以及一系列的子表，完整的保存了每一条内容的相关信息，通过cms_info系列表的关联查询，可以得到具体每一条内容的所有信息，用户输入相应的查询条件，通过微信应用服务器的解析，则可以从表中数据得到内容的网络访问地址，以页面地址的方式返回给用户端，也可以只摘取其中的部分信息，以消息的方式返回给用户端，从而实现完成一个请求和响应的全部流程。在我们的项目中，我们采用的是返回页面地址的方式，用户通过微信消息获取到内容的链接地址后，将直接通过手机访问内容管理系统中的文章。

4 结束语

通过以上工作，初步实现了微信公众号平台与内容管理的整合，利用JSPXCMS内容管理系统的功能实现后台内容的发布和管理，再通过和微信应用服务器的对接和联调，实现对内容的访问，并呈现到用户微信客户端中，用户在看过演示后表示满意，能满足现阶段的需求。目前JSPXCMS内容管理和微信的整合还仅仅是最初步的实现了微信公众平台和内容管理平台之间的最简单的交互，即返回内容管理平台中需要的文章的链接地址，然后由手机端直接访问该地址。此种方式在安全以及内容访问控制上还不够全面，这也是后续工作中将需要更多更深入去研究和解决的主要方向，同时，在展现层方面，也需要更深入的学习和研究响应式设计模式，实现真正的针对不同设备分辨率动态的加载不同CSS设置，以实现客户端最优显示效果。

参考文献：

[1] 微信公众平台开发者文档[EB/OL]. http：//mp.weixin.qq.com/wiki.

[2] JSPXCMS二次开发文档[EB/OL].http：//www.jspxcms.com/documentation/development/.

[3] Michael Bowers.精通CSS与HTML设计模式[M].刘申，朱瑜敏，鲁奇，译.北京：人民邮电出版社，2008.

[4] Bootstrap响应式设计[EB/OL]. http：//www.runoob.com/bootstrap/bootstrap-v2-responsive-design.html.