邮政研究基于Ionic+AngularJS+Cordova框架的异常邮件双录查据系统手机客户端的构建（节选）

Posted 2021-04-26 邮政研究

　　随着智能手机日渐普及、手机智能化程度越来越高以及通信网速的快速提升，移动应用开发逐渐成为主流。如何利用移动信息技术的实时、快速、高效、便捷等优点解决邮政企业业务发展中遇到的问题已经成为邮政技术人员重点思考和努力尝试的方向。

1 异常邮件双录查据系统相关技术研究

1.1 移动应用开发技术相关研究

　　为移动设备开发应用一般有三种基础类型：原生应用、移动网站和Hybrid应用。

　　原生应用：开发者利用平台的开发套件（SDK）和平台进行API通信。一般情况下，苹果系统用Objective-C来开发，而安卓系统一般用Java。原生应用的性能最好，但一般不支持跨平台开发，如果需要在苹果系统和安卓系统上都运行应用程序，就需要用两种语言在两个平台上分别开发。

　　移动网站（Web应用）：直接利用手机浏览器进行移动网站的浏览。这种开发方式的好处是不需要安装，也可以跨平台，但是在使用体验上受限，因为运行在手机浏览器中，所以不能访问原生API和平台。

　　Hybrid应用：结合了原生应用和移动网站的特点，使用原生应用封装器来实现WebView（包含独立浏览器实例的移动应用）和原生设备平台的通信。Hybrid应用具有很多优点，如跨平台，开发简单，利用Web技术以及具有访问设备的能力。

1.2 Ionic、AngularJS、Cordova技术简介

　　经过讨论分析，扬州邮政决定利用Ionic +AngularJS +Cordova框架来实现异常邮件双录查据系统手机客户端的构建。Ionic+AngularJS+Cordova框架是一种Hybrid应用框架，模型图如图1所示。

　　Ionic是一个专注于用Web开发技术，基于html5创建类似于手机平台原生应用的一个开发框架，绑定了AngularJS和Sass。这个框架的目的是从Web的角度开发手机应用，基于PhoneGap的编译平台，可以编译成各个平台的应用程序。AngularJs是一种Web应用框架，是谷歌的一个开源项目，通过指令扩展了HTML，而且通过表达式绑定数据到HTML，可以帮助开发者快速开发完整应用。AngularJS有着诸多特性，最为核心的是MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。Cordova主要是实现浏览器窗口和原生API的通信。Cordova提供了一组设备相关的API，通过这组API，移动应用能够以javascript访问原生的设备功能，如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。

1.3 选择Ionic的原因

1.3.1 跨平台

　　只需要开发一次，就可以部署到苹果系统和安卓系统，节约开发成本。

1.3.2 可以利用Web技术开发应用

　　开发人员对Web技术有着丰富的经验。选择Ionic可以最大化地利用目前掌握的技术，节省开发人员的精力。

1.3.3 良好的技术支持

　　Ionic有着丰富的插件，一般常用的功能都有插件支持。

1.3.4 界面比较美观，并且可定制设计

　　用户界面组件是按照原生风格精心设计的，开发者也可以进行自定义设计。

1.3.5 性能不低

　　相对于原生的手机应用，Ionic性能并没有下降多少。

2 异常邮件双录查据系统设计

2.1 系统基本功能概述

　　通过异常邮件双录系统的研发，在异常邮件手机客户端实现对异常邮件的邮件号码、异常类型、异常说明、邮件照片、通话记录等信息的收集和上传，在异常邮件双录系统的管理部分实现异常邮件的信息查询、管理，方便邮件管理人员进行实时统计和业务分析，并对异常邮件信息实现打包下载，方便备案保存，为企业合理组织生产、精细化管理提供技术保障，从而提高邮政企业服务水平，提升企业对外形象。

2.2 异常邮件双录查据系统的模块划分

　　异常邮件双录查据系统总体结构如图2所示。

　　异常邮件双录查据系统分为Web管理系统和手机客户端系统，其中手机客户端系统主要分为以下几个功能模块。

2.2.1 异常上报模块

　　该功能是整个手机客户端系统的核心功能，是使用人在发现异常邮件后，通过手机客户端实现异常上报。系统通过摄像头扫描邮件条形码，拍摄照片，上传文字、图片、音频资料，完成异常邮件上报过程。

2.2.2 上报管理模块

　　上报管理模块主要实现对本人上报内容的查询、删除等功能。

2.2.3 跟踪查询模块

　　跟踪查询模块是通过调用应用内浏览器，实现外部查询功能。

2.2.4 资料修改模块

　　资料修改模块实现对个人密码等信息的修改功能。

2.2.5 自动更新模块

　　在系统启动时或点击查询更新按钮，能查询应用程序有无新版本，实现应用程序更新。

2.3 异常邮件录入用例

　　异常邮件录入是异常邮件双录查据系统的核心功能之一。异常邮件录入的主要功能是将异常邮件录入到系统之中，主要录入异常邮件的上报类型、异常邮件号码、异常邮件说明、异常邮件图片（最多三张）、通话录音、上传人姓名、上传人工号等信息，并对这些信息进行校验，有效后方可录入上传。

　　生产人员在发现异常邮件后，拍摄图片（也可在上传时启动拍照），与相关人员联系并录音，将录音保存。然后登录系统，启动异常邮件录入模块。

　　异常邮件录入事件流：首先选择上报类型，对上报类型进行校验，如果上报类型未选择进行提示。然后，输入异常邮件号码，对异常邮件号码进行校验，未通过则进行提示。之后，上传异常邮件图片，浏览终端文件系统，选择图片上传，如未拍摄可进行立刻拍摄保存，对图片进行校验，如果不符合规则进行提示。最后，上传录音，浏览终端文件系统，选择录音上传，进行录音文件校验，如不符合规则进行提示。在用户点击保存后，进行整体校验检查，如果符合校验规则则上传提交保存，并返回保存结果。

3 异常邮件双录查据系统关键技术的实现

3.1 插件的应用

　　插件的工作原理：为了让插件能够访问具体平台系统的代码，Cordova提供了对应的标准封装API来完成，如图3所示。

　　当用户使用ionic platform add android这个命令之后，ionic项目会自动将插件下的Java文件复制到platform/android/目录下面，同时将JS也复制到platform/android/目录下，最终使用Android编译工具(aapt/aidl/dx/apkbuilder等)生成.APK应用程序。

　　插件安装命令一般格式为：

　　cordova plugin add 插件名称；

　　在安装插件时，有时需要加入ngCordova，

　　相关命令为：bower install ngCordova

　　Bower是一个客户端技术的软件包管理器，可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。

　　在本项目中，在调用摄像头、条形码扫描以及文件上传等处使用了插件。插件的应用缩短了开发时间，提高了开发效率，增强了系统的稳定性。

3.2 服务的应用

　　Angular中通过服务（Service）的概念来实现应用中共享JavaScript对象。Angular默认提供了很多服务，也可以创建自己的服务。

　　比如在查询相关数据时，用到了$http服务，其主要功能是操作HTTP请求。

3.3 数据持久化

　　每次登陆系统都要记住某个状态，比如记住是否记住账户密码这个状态。因此，需要把用户的数据存储在手机上。这个项目中使用了localStorage。 

　　localStorage是一种比较简单的存储方式，其对象必须是字符串类型，主要有两个限制：存储的数据的值是字符串的形式存在；大小会受到一定的限制（比如Android4.3是2MB）。因此，只能应用到比较简单的数据存储中。

　　（中国邮政集团公司扬州市分公司 方全）