两化融合移动应用服务系统的设计和实现

2019-09-02梁伟伟马冬妍崔学民李立伟师丽娟

中国科技纵横 2019年15期

梁伟伟马冬妍崔学民李立伟师丽娟

摘要：在工业和信息化部的指导下，两化融合服务平台建设完成并对外提供服务。针对日益增长的移动访问需求，设计了一种基于Android和IOS的移动应用服务系统。用户通过手机等便携式移动终端能够及时接收全国两化融合动态信息和工作进展情况，查询不同维度的业务数据，支撑决策和处理事务。文中探讨了系统的架构和功能模块设计方案。通过采用原生+H5混合架构开发的解决方案，实现Android和 IOS客户端的一致性，使用Echarts开源组件以图表展现数据，增强了用户体验。

关键词：两化融合；移动应用；数据服务；Token；H5

中图分类号：TP311.52 文献标识码：A 文章编号：1671-2064（2019）15-0037-02

0 引言

移动互联网是移动通信和互联网融合发展的产物。随着移动互联网时代的来临和无线宽带的广泛使用，人们越来越习惯随时、随地从移动智能设备获取各种资讯和信息[1]。两化融合服务平台是面向全国开展信息化和工业化融合工作的载体，为积极响应用户的移动访问需求，设计开发两化融合移动应用服务系统。通过开发APP解决两化融合用户使用手机等移动终端浏览数据信息的困扰，提供更专业的两化融合服务、更丰富的使用体验。

1 需求分析

两化融合移动应用服务系统需支持展示全国两化融合动态信息和工作进展情况，包括定期发布两化融合发展水平、发展阶段和关键指标[2]等数据，发布两化融合管理体系贯标和评定工作进展。支持提供不同维度的业务数据查询和展示服务。支持开展两化融合各类学习、培训、交流推广等会议活动。提供证书、获证企业信息、评定人员等公开信息查询。此外提供支持业务扩展的生态服务功能。移动应用服务系统应由首页、数据、活动、查询、生态服务和个人中心等组成。

2 总体设计

移动应用服务系统包括APP前端展示和APP应用后台服务两部分。其中，前端展示指运行在手持移动设备上的专用软件，包括界面展示及操作功能；应用后台服务作为移动应用的统一接入口，与两化融合服务平台通信。前端展示和应用后台服务，通过HTTP协议传输信息。应用后台服务通过调用已有权限体系，进行权限过滤并展现；若需跳转到对应业务系统时，将读取的角色权限传递到对应的系统中，以实现角色权限统一管理；将核心业务系统与移动应用服务系统建立对应的映射关系，用户只需记住统一的账号密码即可现实单点登录。

通过对系统需求的理解和分析，同时兼顾客户端的用户体验一致性，采用原生+H5混合架构开发的解决方案，原生部分框架采用DCloud HTML5+APP架构，可跨平台运行，HTML5部分采用Vue.js框架，通过驱动单文件组件和Vue生态系统支持的库开发复杂的单页应用。通过vue+ webpack+【5+SDK】的组件化开发，实现APP完整功能，开发一套页面代码，实现同步使用。

2.1 服务端系统架构

服务端系统架构图1所示，Web API是网络应用程序接口，用于构建可访问多种客户端的HTTP服务。Web API是一种用于在.NET Framework上构建RESTful应用程序的理想平台。用户通过Web API接口传递用户名、密码等信息，认证通过后，接口返回token等信息。此后，用户每次调用接口时，都可通过token来获取相关数据，保证数据的安全性、有效性。系统通过WebAPI接口为APP提供服务。在APP调用接口时，根据token等校验身份，同时增加权限、日志、缓存等管理。接口通过ORM统一数据访问服务，完成对各业务系统数据的收集、转换、整理，返回json格式的数据。

2.2 APP端系统架构

APP客户端采用原生与HTML5混合架构来实现。原生页面和H5页面均通过数据访问层（DAL）获取数据[3]，DAL通过HTTP请求访问WEB API，返回成功则显示数据，同时将数据放入缓存，如HTTP请求失败，则上报异常情况，并通知运维人员。客户端系统架构图2所示。

3 系统实现

移动应用服务系统通过接口调用综合门户网站系统、两化融合评估系统、贯标系统、评定系统、培训系统的数据进行交互，实现首页、数据、活动、查询、生态服务和个人中心等功能。通过接口调用实现数据交互遵循一定的总体设计原则。数据规范采用包含状态、数据和错误信息的统一接口数据规范格式，数据格式采用JSON数据格式。数据请求URL使用时间戳和参数签名的方式进行处理，可防止过期请求和非法请求。用户登录后的请求采用Token方式，即用户登录后发放Token，并设置有效时间，超时前必须刷新Token延长有效期，否则拒绝访问。对API接口返回的数据设置统一的缓存时间，用户在频繁刷新页面时可读取数据缓存快速响应，同时减少对网络的请求，起到提升用户经验和省电的作用。

3.1 首页

首页通过接口调用，实现对综合门户网站的两化融合公告和资讯信息在移动端的展示与查看，便于用户随时随地了解综合门户网站动态，主要由轮播图、今日头条、联盟动态、观点研究等构成。

3.2 个人中心

个人中心通过调用登录、消息通知、个人资料和验证码等一系列接口，实现用户的登录验证、退出注销，方便用户查看个人资料信息和站内信息等。其中，用户登录接口实现了用户信息的私有化。用户登录后向服务器提供用户认证信息，服务器认证完后给客户端返回一个Token令牌[4]，用户再次获取信息时，带上此令牌，如果令牌正确，则返回数据。对于获取Token信息后，访问用户相关接口，将所有用户请求的参数处理加密，生成签名，这就是所说的url签名算法。然后登陆后每次调用用户信息时，带上token等参数。

3.3 数据

（1）数据页面通过接口调用两化融合评估系统、贯标跟踪服务系统和评定管理系统相关数据表的数据，设计了数据服务和管理体系两部分内容，面向不同的用户角色，提供两化融合评估诊断和管理体系的相关指标和统计数据的综合查询和图表展示服务，访问的相关数据表包括权限相关表和基础数据表等。（2）数据服务主要设计展示两化融合总体水平、发展阶段、关键指标、参评企业数量和企业评估诊断报告等内容。根据年度、地区、行业、规模和企业性质等查询条件，可分行业门类，分省、市，分规模，分企业性质，显示不同区域和行业两化融合总体水平、发展阶段、关键指标的横向对比情况，获取企业评估诊断报告各项关键指标与全国、同行业的对标情况；也可按年度，显示不同历史时期两化融合总体水平、发展阶段、关键指标的纵向对比情况，获取企业评估诊断报告各项关键指标不同年度的对比情况，掌握企业自身发展的规律。（3）管理体系主要设计展示两化融合管理体系业务介绍，不同地区、行业和中央企业的两化融合管理体系贯标评定工作进展，不同地区、行业的评定进展统计表，两化融合管理体系贯标工作总体概括，两化融合管理体系贯标工作发展趋势，等等[5]。（4）按照权限由低到高，对应角色为游客、登录用户、企业用户、行业领导、司局领导、省级领导、总领导。总领导可访问所有数据，其他角色只能访问权限范围内的部分数据。所有领导角色都可按横向和纵向两种方式访问数据。（5）用户查询获取的数据以图表展现出来，图表使用的是百度旗下的Echarts开源组件。

3.4 活动

活动页面通过接口调用培训系统的数据，设计实现了会议培训、直播和视频课程。会议培训提供了线下培训、考试和会议的报名功能，在用户输入方面遵循多选择、少输入的设计原则。直播观看用来直播会议活动现场情况。视频课程支撑线上培训，访问课程视频。

3.5 查询

查询页面通过接口调用贯标跟踪服务系统和评定管理系统的数据，实现扫码查询、证书查询、评定人员查询、贯标进度、评定机构查询等功能。

3.6 生态服务

生态服务页面通过接口调用管理体系工作平台的数据，实现咨询机构的基本情况、贯标咨询服务经验及成效、贯标延伸服务情况等内容的查询。

4 结语

两化融合移动应用服务系统的实现，使用户通过手机等便携式移动终端能够及时接收全国两会融合动态信息和工作进展情况，查询不同维度的业务数据。相比访问两化融合服务平台，大大提高了工作的效率，实现了信息资源的快速共享。后续根据用户反馈意见，进一步完善和优化，以提供更加精准、更加科学的决策支持和信息共享。

参考文献

[1] 李建锋.移动互联网的研究现状和发展趋势[J].信息技術与信息化，2014（7）：39-40.

[2] 周剑，陈杰.制造业企业两化融合评估指标体系构建[J].计算机集成制造系统，2013，19（9）：2251-2263.

[3] 章斓.基于HTML5的WebApp的开发与探索[J].长沙大学学报，2015，29（5）：50-53.