基于“爱山东”移动端架构的东营市人社业务接入与实现.pdf

2023 年第 9 期123计算机应用信息技术与信息化基于“爱山东”移动端架构的东营市人社业务接入与实现史国强1 赵 军1 燕习勤2 董 波3 刘士爱4 SHI Guoqiang ZHAO Jun YAN Xiqin DONG Bo LIU Shiai 摘要 自国务院印发关于加快推进全国一体化在线政务服务平台建设的指导意见以来，各地均发布了政务服务品牌，东营市按照“爱山东”移动端建设要求，积极推进各级各部门自建移动服务渠道向“爱山东”移动端迁移整合。以社保业务接入为例，通过爱山东基础平台提供的用户管理、统一电子签名、统一身份认证等共性组件，搭配 JSAPI，在统一的接入规范下，实现社保业务在爱山东的入驻，并形成了一套完整工作流程和解决方案，为推进其他部门各类业务系统接入提供了有效参考，助力打造政务服务移动端“总入口”，提升“爱山东”整体服务水平。关键词 爱山东；移动架构；人社业务接入；东营市 doi：10.3969/j.issn.1672-9528.2023.09.0271.东营市大数据中心 山东东营 2571002.东营市人力资源和社会保障局 山东东营 2571003.东营区大数据服务中心 山东东营 2571004.东营市农业农村局 山东东营 2571000 引言按照全国一体化在线政务服务平台建设要求，山东省发布了“爱山东”政务服务品牌，开展政务服务标准化提升、规范化提升、便利化提升、数字化提升四个行动，全面推进政务服务体系建设1。其中，“爱山东”政务服务平台移动端作为全省“掌上办事”总入口，通过整合各级各部门分散建设的移动端政务资源，解决移动端政务服务能力不强，“每办一件事下载一个 APP”等问题。东营市按照全省统一要求，加快整合各级各部门自建政务服务 APP、小程序等，以专题、专区等形式分渠道向“爱山东”移动端迁移，但在迁移整合过程中，由于各部门已建的服务渠道多样，后台业务支撑系统多且开发标准不一致，业务流程复杂等，为迁移整合带来了困难和挑战。本文以群众使用频率较高的社保业务为例，按照渠道迁移的要求，将人社部门“智慧人社”APP 中的“社保卡服务、人才服务、消费码”等功能，根据不同业务属性，采用接口、外链和 H5 代码包等方式，全部入驻至“爱山东”移动端，并逐步引导用户从“爱山东”移动端办理相关业务，逐步关停原“智慧人社”APP，最终实现社保业务从“智慧人社”到“爱山东”的渠道迁移，为其他部门的业务迁移提供范例。1 建设背景2021 年，国务院发布了国务院办公厅关于印发全国一体化政务服务平台移动端建设指南的通知（国办函2021 105 号）1，要求各地区各部门深化“互联网+政务服务”、加快推进全国一体化政务服务平台建设的决策部署。2022 年5月，为深入贯彻落实国务院部署，山东省人民政府发布了 山东省人民政府关于塑强“爱山东”政务服务品牌全面推进政务服务体系建设的实施意见2（鲁政发20227 号）塑强“爱山东”政务服务品牌，加强和规范“爱山东”政务服务平台移动端（以下简称“爱山东”移动端）建设管理，推动政务服务“掌上办”“指尖办”。2022 年 7 月，东营市积极响应国家、省级部署要求，制定并印发了 关于加强“爱山东”政务服务平台移动端建设管理端的工作方案3，根据工作方案要求构建全市一体化政务服务平台移动端“总入口”，实现统一入口、统一标准、统一服务，高水平建设“爱山东”移动端东营分厅，推进各项服务流程再造、协同高效，打造“泛在化”实时在线掌上政府，营造协同发展的开放式服务生态，推动形成智慧化移动服务体系，将“爱山东”移动端东营分厅打造成数字强市建设的标志性品牌，实现政务服务平台移动端“总入口”，全面推进渠道迁移整合。按照“应接尽接、应上尽上”原则，对全市自建政务服务移动渠道进行梳理，形成迁移任务清单，制定迁移工作计划，逐项实现各级各部门在移动端已开通的政务服务应用平台迁移整合至“爱山东”移动端运行。2 “爱山东”移动端应用架构2.1 “爱山东”移动端总体架构“爱山东”移动端采用整体4-9分为基础设施层、支撑层、应用层和服务层，如图 1 所示。2023 年第 9 期124计算机应用信息技术与信息化（1）基础设施层：基础设施层为“爱山东”移动端提供系统运行的必要基础软硬件设施，包括安全基础设施、运行环境基础软件、基础存储设备、政务外网/互联网、云平台等，保障“爱山东”相关业务支撑系统正常、平稳运行。（2）支撑层：支撑层提供通用的基础服务和框架，包括消息队列、缓存组件、任务调度等通用组件，以及统一身份认证、统一电子签名、电子证照库等共性组件。开发者可调用这些组件，开发各类“爱山东”特色业务应用。（3）应用层：包含用户端应用和管理端应用。用户端应用提供面向个人和法人的各类政务服务业务场景，与用户直接进行交互，实现查询、办理等各类功能。管理端应用面向系统管理员，实现业务应用从申请、审核、接入、上下架等全过程管理。同时管理端应用也提供分厅运营监控、数据分析等管理功能。（4）服务层：用户服务层包含“爱山东”APP、“爱山东”微信小程序、“爱山东”支付宝小程序三种渠道应用服务，为不同场景、不同用户提供统一的服务体验。2.2 “爱山东”移动端主要实现技术“爱山东”移动端应用开发主要使用如下技术。（1）Vue.js。Vue.js 是一套构建用户界面的渐进式框架，采用自底向上增量开发的设计，核心库只关注视图层。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 框架内包含了 vue-cli、vue-route、vite、store 等丰富的开源插件，使用 Vue 框架实现应用框架的快速搭建、打包。在爱山东应用开发中，Vue.js 主要用于应用页面的构建、打包、页面组件的构建及调用、页面跳转控制、缓存数据处理等。（2）ECMAScript 6。ECMAScript 6.0 是 JavaScript 的新标准，使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。在爱山东开发过程中，ECMAScript 6.0主要用来编写页面业务逻辑，实现用户、页面、数据三方进行交互。（3）HTML5 技术。HTML5 是构建以及呈现互联网内容的一种语言方式，是互联网的核心技术之一。HTML5 是Web 中核心语言 HTML 的规范，用户使用任何手段进行网页浏览时看到的内容原本都是 HTML 格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。H5 具有兼容性好等特点，“爱山东”移动端应用借助 H5 的跨平台能力，实现了多端同源开发、发布。（4）SDK 技术。原生 SDK（software development kit）是一个软件开发包，它包含了开发某个特定软件所需的一系列工具、库、示例代码和文档等。原生 SDK 通常是由软件的开发者或第三方提供的，它可以帮助开发者更快地开发出应用程序。借助移动端框架的底层原生 SDK 方法，在“爱山东”移动端内实现人脸识别、获取用户位置、上传手机图片等特色服务功能，如图 2 所示。图 2 “爱山东”移动端业务接入流程图 1 “爱山东”移动端总体框架 2023 年第 9 期125计算机应用信息技术与信息化步骤一：开发准备。开发准备阶段，首先需要了解各终端组件的接入方法，其次需要了解视觉资源中前端组件，界面设计阶段需符合 UI 设计规范。步骤二：开发过程。采用 https:/ JPAAS 平台应用网关模块，根据入驻后的接口，开发或修改本应用，除梳理各应用业务流程外，明确应用所需要使用的应用组件，根据指南中的说明，然后完成相应编码。步骤三：调试阶段。应用开发过程中，为方便开发调试、效果预览，通过爱山东 APP 客户端、爱山东微信小程序、爱山东支付宝小程序内的扫一扫功能，扫 JPAAS 平台上应用二维码进行调试，浏览器以及其他的客户端使用 API 方法不生效。步骤四：开发完毕。将开发好的程序包压缩成 zip，上传至爱山东 JPAAS 平台，提交管理员审核。2.3 “爱山东”移动端应用入驻模式基于“爱山东”总体框架6-9，各类政务服务、便民服务应用接入“爱山东”移动端主要分为以下两种模式。（1）爱山东原生开发模式。该模式采用前后端分离方式开发，后台服务端根据业务需求进行开发，前端（“爱山东”应用端）采用Vue、React等技术框架，以H5代码包形式发布，并部署至“爱山东”中台，借助 H5 跨平台能力，只需要按照规范开发一套代码，即可同时支持 APP、微信小程序、支付宝小程序三端，前后端数据交互接口，按照“爱山东”数据接口标准开发。该模式为“爱山东”移动端接入应用的标准模式，所有应用无特殊情况均需采用此模式。（2）外链模式，即以链接跳转发布应用的模式。对功能复杂且要求短时间内上线“爱山东”应用服务，可先采用该模式进行应用上架，该模式分为两种情况。统一身份认证方式。对于需要认证登录用户身份信息的应用，业务系统需接入全省统一身份认证系统，用户打开该应用时，应用通过统一身份认证获取用户信息，无需用户再次登录。无身份认证方式。该模式适用于无认证体系的业务系统，例如：宣传文章、政策文件、政策解读等。3 人社服务接入实现3.1 人社移动端服务情况人社业务主要通过智慧人社 APP 向群众提供服务，该APP 分为安卓和苹果两个版本，经过梳理分析，人社业务共四大业务功能板块，包括技能提升补贴、失业支付申请、养老金调资明细、企业参保证明下载、工伤快报、个人权益清单等 27 个功能，如表 1 所示。表 1 “智慧人社”APP 功能列表业务板块功能名称功能说明社保卡服务社保卡申领线上进行申请社保卡社保卡启用申请社保卡后，进行社保卡启用社保卡挂失社保卡挂失线上申请社保卡交易明细查询个人社保卡交易明细社保卡注销社保卡线上注销申请社保卡状态查询查询社保卡目前状态社保卡解挂进行社保卡线上解除挂失社保卡线上邮寄社保卡线上邮寄申请填写社保卡照片上传上传更换社保卡照片社保卡更换银行换卡更换社保卡银行申请社保卡线上补换卡社保卡补换卡线上申请制卡进度查询社保卡制卡进度查询社保卡启用（邮寄）社保卡邮寄信息修改电子社保卡消费码展示电子社保卡银联消费码，进行消费社保服务养老金调资明细查询养老金调资明细企业参保证明下载查询和下载带有公章的企业参保证明工伤快报工伤快速填报申请个人权益清单个人社保权益清单查询及下载机关参保证明下载查询及下载带有公章的机关参保证明企业待遇审批表查询及下载企业待遇审批表养老关系转移查询查询养老关系转移记录参保信息查询查询个人参保的参保信息就业服务技能提升补贴申请在线申请技能提升补贴申请失业支付申请在线进行失业支付申请便民服务即时制卡网点查询在地图展示即时制卡网点，并导航工伤认定网点在地图展示工伤认定网点，并导航特约商户网点在地图展示特约商户网点，并导航3.2 人社业务接入具体实现智慧人社 APP 采用原生模式开发，前端界面无法直接复用，但后端管理系统提供的数据接口可用，经梳理，27个功能中除社保卡消费码因涉及支付功能，“爱山东”移动端暂不支持，采用外链的模式进行实现外，其他的 26 个功能的后端接口均可以复用，可采用“爱山东”原生开发模式2023 年第 9 期126计算机应用信息技术与信息化接入。（1）原生开发模式接入经分析，26 个功能根据服务类型可分为三类。查询类。系统按照用户给定的查询事项返回结果信息，不更新或产生新的数据。包括社保卡制卡进度查询、养老金调资明细查询、参保信息查询、养老关系转移记录查询等。办理类。即具体的办理事项，以表单形式呈现，用户输入办理信息，系统进行数据更新或生成新的数据项。包括社保卡制卡申请、社保卡挂失、社保卡照片更换等。增强交互类。通过地图、视频、语音等组件，与用户进行信息交互，精准满足用户需求。包括工伤认定网点地图查询、特约商户网点地图查询等。以上三类业务在接入“爱山东”时，实现方式略有差异。（2）查询类业务对查询类业务，因无复杂的业务流程，内容相对简单，无需开发复杂的业务表单，仅需理清相关数据接口，按照“爱山东”。以社保卡参保信息查询为例。该业务是用户查询个人参保信息的功能，用户输入姓名和身份证号等个人信息，系统显示养老、工伤、失业等参保信息，如图 3 所示。图 3 社保卡个人参保信息查询流程图该业务直接调用“个人参保信息查询接口”，接口内容如下。接口名称：gPerInfoTotalBySfzhm。接口说明：根据身份证号码获取参保人基本信息。服务名称：ScmsCardService。操作名称：gPerInfoTotalBySfzhm。参数说明：如表 2 和表 3 所示。表 2 个人参保信息查询接口入参信息表参数名称参数说明参数类型允许为空备注sfzhm身份证号码String否ryid人员 IDString 否表 3 个人参保信息查询接口出参信息表参数名称参数说明参数类型备注errfl ag错误说明Stringerrtext错误信息Stringtempds返回结果集结果集（3）办理类业务办理类业务需要按照用户提供的信息对系统数据进行修改或生成新的数据，有一定的业务逻辑和验证机制，且一般有规范的表单，因此相比查询类功能较为复杂。以社保卡制卡申请为例，该功能是用户进行在线申请社保卡的功能，用户输入姓名和身份证号等个人信息，系统显示校验是否具有申请制卡资格，通过后，再填写户籍、民族、邮寄地址、社保卡照片等社保制卡信息进行申请制卡，如图4 所示。图 4 社保卡制卡申请流程图该流程涉及多个数据接口，具体如下。根据身份证号码校验人员是否有办卡资格 2023 年第 9 期127计算机应用信息技术与信息化接口名称：chkPerCanApplyCard。服务名称：ScmsCardService。操作名称：chkPerCanApplyCard。参数说明：如表 4 和表 5 所示。表 4 身份证校验接口入参信息表参数名称参数说明参数类型允许为空备注sfzhm身份证号码String否zklb制卡类别String 否0：新制卡1：补换卡表 5 身份证校验接口出参信息表参数名称参数说明参数类型备注errfl ag错误说明Stringerrtext错误信息Stringtempds返回结果集结果集根据身份证号判断照片是否是本人接口名称：chkImgbyCardid。服务名称：ScmsCardService。操作名称：chkImgbyCardid。参数说明：如表 6 和表 7 所示。表 6 是否本人接口入参信息表参数名称参数说明参数类型允许为空备注file照片file否表 7 是否本人接口出参信息表参数名称参数说明参数类型备注errfl ag错误说明Stringerrtext错误信息Stringdata返回结果集结果集提交制卡申请接口名称：scCardApply。服务名称：ScmsCardService。操作名称：scCardApply。参数说明：如表 8 所示。表 8 提交制卡申请入参信息表参数名称参数说明参数类型允许为空备注xm姓名String是xb性别String是见代码说明zjhm证件号码String否zjlx证件类型String否见代码说明tsidTsidString是调用获取tsid 获取参数名称参数说明参数类型允许为空备注gj国籍String是见代码说明photo照片String是Base64csrq出生日期String是hyzk婚姻状况String是见代码说明whcd文化程度String是见代码说明jbr经办人String否hjszd户籍所在地String是hkxz户口性质String是见代码说明zjdqrq证件到期日期String是mz民族String是见代码说明yzbm邮政编码String是txdz通信地址String是sjhm手机号码String是lxdh联系电话String是yjskr邮寄收卡人String是yjskrzjhm邮寄证件号码String是yjsjhm邮寄手机号码String是yjyzbm邮寄邮政编码String是yjdz邮寄地址String是yhbh银行编号String否kplx卡片类型String是见代码说明xtlb系统类别String否见代码说明sfzzm_photo身份证正面照片String否Base64sfzfm_photo身份证反面照片String否Base64zjqsrq证件起始日期String是zjdqrq证件到期日期String是表 9 提交制卡申请出参信息表参数名称参数说明参数类型备注cg成功标志String1 为成功jysm成功描述StringtsidTsidStringTSRefusedText调用失败时错误说明String调用失败时返回增强交互类。这类功能一般调用地图、视频、语音等方式，精准采集用户需求，为用户提供丰富的使用体验。以“工伤认定网点查询”为例。该场景为了便于用户准确查找并前往工伤认定网点，在地图上进行了位置标注，并可直接调用第三方软件进行导航，如图 5 所示。表 8（续）2023 年第 9 期128计算机应用信息技术与信息化图 5 工伤网点流程图该场景功能界面如图 6 所示。图 6 工伤网点查询界面设计图（2）外链模式接入以电子社保卡银联消费码为例，该应用获取用户的姓名及身份证号等信息，换取了用户电子社保卡状态及身份识别信息，跳转了电子社保卡的消费码界面，如图 7 所示。图 7 电子社保卡消费码流程图部分关键代码如下：goTopage:function(fl ag)const that=this if(fl ag=lk)/跳转到领卡界面，并确认第一次领卡 api.getCardpara(socialSecurityNum:that.AesEncrypt(that.userInfo.papersnumber),name:that.AesEncrypt(that.userInfo.name),phoneNum:that.AesEncrypt(that.userInfo.mobile),isSign:1 ).then(cardpara=const urltmp=that.lkurl+cardpara.signParams that.goUrl(urltmp)/that.showurl=urltmp )else if(fl ag=km)/跳转到卡面界面 api.getCardpara(socialSecurityNum:that.AesEncrypt(that.userInfo.papersnumber),name:that.AesEncrypt(that.userInfo.name),phoneNum:that.AesEncrypt(that.userInfo.mobile),signNo:that.qfh ).then(cardpara=let urltmp=2023 年第 9 期129计算机应用信息技术与信息化 urltmp=that.xfmurl+cardpara.signParams+&channelNo=3705000002 that.goUrl(urltmp)else if(fl ag=mm)api.getCardpara(socialSecurityNum:that.AesEncrypt(that.userInfo.papersnumber),name:that.AesEncrypt(that.userInfo.name),phoneNum:that.AesEncrypt(that.userInfo.mobile),isIndep:1,signNo:that.qfh ).then(cardpara=const urltmp=that.mmurl+cardpara.signParams /that.showurl=urltmp that.goUrl(urltmp)4 结论按照“爱山东”移动端服务渠道整合要求，东营市积极推进各部门自建服务渠道整合，构建全市统一政务服务移动端“总入口”，但由于各部门信息化水平发展不均衡，原有系统开发技术框架多样，给迁移整合工作带来困难，如图 8所示。图 8 爱山东移动端社保业务接入效果图论文首先介绍了“爱山东”移动端采用整体架构，采用的关键实现技术；其次，以“智慧人社”APP 整合为例，根据原有功能特点，设计了技术流程和开发设计图，实现了“智慧人社”APP向“爱山东”的迁移；最后，结合案例实践分析，开展了分类实施迁移，形成了一套工作规范，让群众在手机上不用安装多个部门应用，实现各类服务在爱山东内的统一入口，极大方便了各类用户群体，为其他部门移动端迁移整合，实现“一部手机走齐鲁”提供了参考和借鉴。参考文献：1 ZWFW CO103 国家政务服务平台政务服务移动端建设要 求 EB/OL.(2020-08-14)2022-07-03.https:/ 国务院办公厅关于印发全国一体化政务服务平台移动端建设指南的通知(国办函2021105 号)EB/OL.(2021-11-12)2022-07-12.https:/ 杜阳.政务 APP 用户满意度影响因素研究 以爱山东APP 为例 D.济南：山东大学,2022.5 爱 山 东 移 动 应 用 JS-API 接 入 指 南 EB/OL.(2023-04-27)2022-07-08.https:/ 山东省人民政府关于塑强“爱山东”政务服务品牌全面推进政务服务体系建设的实施意见(鲁政发 2022 7号)EB/OL.(2022-05-12)2022-07-18.http:/ 关于印发 2022 年度“爱山东”政务服务平台移动端建设运营工作方案的通知(鲁数发202211 号)EB/OL.(2022-05-20)2022-07-15.http:/ 山东省市场监督管理局.“爱山东”政务服务平台移动端，第 1 部分，系统架构 DB37T 4614.12023S.济南:山东省大数据局,2023.9 关于印发“爱山东”政务服务平台移动端管理办法的通 知(鲁 数 发202210 号)EB/OL.(2022-06-07)2022-07-21.http:/ 修回日期：2023-09-17）