兩化融合移動應(yīng)用服務(wù)系統(tǒng)的設(shè)計和實現(xiàn)

梁偉偉 馬冬妍 崔學(xué)民 李立偉 師麗娟

摘 要：在工業(yè)和信息化部的指導(dǎo)下，兩化融合服務(wù)平臺建設(shè)完成并對外提供服務(wù)。針對日益增長的移動訪問需求，設(shè)計了一種基于Android和IOS的移動應(yīng)用服務(wù)系統(tǒng)。用戶通過手機等便攜式移動終端能夠及時接收全國兩化融合動態(tài)信息和工作進(jìn)展情況，查詢不同維度的業(yè)務(wù)數(shù)據(jù)，支撐決策和處理事務(wù)。文中探討了系統(tǒng)的架構(gòu)和功能模塊設(shè)計方案。通過采用原生+H5混合架構(gòu)開發(fā)的解決方案，實現(xiàn)Android和 IOS客戶端的一致性，使用Echarts開源組件以圖表展現(xiàn)數(shù)據(jù)，增強了用戶體驗。

關(guān)鍵詞：兩化融合；移動應(yīng)用；數(shù)據(jù)服務(wù)；Token；H5

中圖分類號：TP311.52 文獻(xiàn)標(biāo)識碼：A 文章編號：1671-2064（2019）15-0037-02

0 引言

移動互聯(lián)網(wǎng)是移動通信和互聯(lián)網(wǎng)融合發(fā)展的產(chǎn)物。隨著移動互聯(lián)網(wǎng)時代的來臨和無線寬帶的廣泛使用，人們越來越習(xí)慣隨時、隨地從移動智能設(shè)備獲取各種資訊和信息[1]。兩化融合服務(wù)平臺是面向全國開展信息化和工業(yè)化融合工作的載體，為積極響應(yīng)用戶的移動訪問需求，設(shè)計開發(fā)兩化融合移動應(yīng)用服務(wù)系統(tǒng)。通過開發(fā)APP解決兩化融合用戶使用手機等移動終端瀏覽數(shù)據(jù)信息的困擾，提供更專業(yè)的兩化融合服務(wù)、更豐富的使用體驗。

1 需求分析

兩化融合移動應(yīng)用服務(wù)系統(tǒng)需支持展示全國兩化融合動態(tài)信息和工作進(jìn)展情況，包括定期發(fā)布兩化融合發(fā)展水平、發(fā)展階段和關(guān)鍵指標(biāo)[2]等數(shù)據(jù)，發(fā)布兩化融合管理體系貫標(biāo)和評定工作進(jìn)展。支持提供不同維度的業(yè)務(wù)數(shù)據(jù)查詢和展示服務(wù)。支持開展兩化融合各類學(xué)習(xí)、培訓(xùn)、交流推廣等會議活動。提供證書、獲證企業(yè)信息、評定人員等公開信息查詢。此外提供支持業(yè)務(wù)擴展的生態(tài)服務(wù)功能。移動應(yīng)用服務(wù)系統(tǒng)應(yīng)由首頁、數(shù)據(jù)、活動、查詢、生態(tài)服務(wù)和個人中心等組成。

2 總體設(shè)計

移動應(yīng)用服務(wù)系統(tǒng)包括APP前端展示和APP應(yīng)用后臺服務(wù)兩部分。其中，前端展示指運行在手持移動設(shè)備上的專用軟件，包括界面展示及操作功能；應(yīng)用后臺服務(wù)作為移動應(yīng)用的統(tǒng)一接入口，與兩化融合服務(wù)平臺通信。前端展示和應(yīng)用后臺服務(wù)，通過HTTP協(xié)議傳輸信息。應(yīng)用后臺服務(wù)通過調(diào)用已有權(quán)限體系，進(jìn)行權(quán)限過濾并展現(xiàn)；若需跳轉(zhuǎn)到對應(yīng)業(yè)務(wù)系統(tǒng)時，將讀取的角色權(quán)限傳遞到對應(yīng)的系統(tǒng)中，以實現(xiàn)角色權(quán)限統(tǒng)一管理；將核心業(yè)務(wù)系統(tǒng)與移動應(yīng)用服務(wù)系統(tǒng)建立對應(yīng)的映射關(guān)系，用戶只需記住統(tǒng)一的賬號密碼即可現(xiàn)實單點登錄。

通過對系統(tǒng)需求的理解和分析，同時兼顧客戶端的用戶體驗一致性，采用原生+H5混合架構(gòu)開發(fā)的解決方案，原生部分框架采用DCloud HTML5+APP架構(gòu)，可跨平臺運行，HTML5部分采用Vue.js框架，通過驅(qū)動單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復(fù)雜的單頁應(yīng)用。通過vue+ webpack+【5+SDK】的組件化開發(fā)，實現(xiàn)APP完整功能，開發(fā)一套頁面代碼，實現(xiàn)同步使用。

2.1 服務(wù)端系統(tǒng)架構(gòu)

服務(wù)端系統(tǒng)架構(gòu)圖1所示，Web API是網(wǎng)絡(luò)應(yīng)用程序接口，用于構(gòu)建可訪問多種客戶端的HTTP服務(wù)。Web API是一種用于在.NET Framework上構(gòu)建RESTful應(yīng)用程序的理想平臺。用戶通過Web API接口傳遞用戶名、密碼等信息，認(rèn)證通過后，接口返回token等信息。此后，用戶每次調(diào)用接口時，都可通過token來獲取相關(guān)數(shù)據(jù)，保證數(shù)據(jù)的安全性、有效性。系統(tǒng)通過WebAPI接口為APP提供服務(wù)。在APP調(diào)用接口時，根據(jù)token等校驗身份，同時增加權(quán)限、日志、緩存等管理。接口通過ORM統(tǒng)一數(shù)據(jù)訪問服務(wù)，完成對各業(yè)務(wù)系統(tǒng)數(shù)據(jù)的收集、轉(zhuǎn)換、整理，返回json格式的數(shù)據(jù)。

2.2 APP端系統(tǒng)架構(gòu)

APP客戶端采用原生與HTML5混合架構(gòu)來實現(xiàn)。原生頁面和H5頁面均通過數(shù)據(jù)訪問層（DAL）獲取數(shù)據(jù)[3]，DAL通過HTTP請求訪問WEB API，返回成功則顯示數(shù)據(jù)，同時將數(shù)據(jù)放入緩存，如HTTP請求失敗，則上報異常情況，并通知運維人員?？蛻舳讼到y(tǒng)架構(gòu)圖2所示。

3 系統(tǒng)實現(xiàn)

移動應(yīng)用服務(wù)系統(tǒng)通過接口調(diào)用綜合門戶網(wǎng)站系統(tǒng)、兩化融合評估系統(tǒng)、貫標(biāo)系統(tǒng)、評定系統(tǒng)、培訓(xùn)系統(tǒng)的數(shù)據(jù)進(jìn)行交互，實現(xiàn)首頁、數(shù)據(jù)、活動、查詢、生態(tài)服務(wù)和個人中心等功能。通過接口調(diào)用實現(xiàn)數(shù)據(jù)交互遵循一定的總體設(shè)計原則。數(shù)據(jù)規(guī)范采用包含狀態(tài)、數(shù)據(jù)和錯誤信息的統(tǒng)一接口數(shù)據(jù)規(guī)范格式，數(shù)據(jù)格式采用JSON數(shù)據(jù)格式。數(shù)據(jù)請求URL使用時間戳和參數(shù)簽名的方式進(jìn)行處理，可防止過期請求和非法請求。用戶登錄后的請求采用Token方式，即用戶登錄后發(fā)放Token，并設(shè)置有效時間，超時前必須刷新Token延長有效期，否則拒絕訪問。對API接口返回的數(shù)據(jù)設(shè)置統(tǒng)一的緩存時間，用戶在頻繁刷新頁面時可讀取數(shù)據(jù)緩存快速響應(yīng)，同時減少對網(wǎng)絡(luò)的請求，起到提升用戶經(jīng)驗和省電的作用。

3.1 首頁

首頁通過接口調(diào)用，實現(xiàn)對綜合門戶網(wǎng)站的兩化融合公告和資訊信息在移動端的展示與查看，便于用戶隨時隨地了解綜合門戶網(wǎng)站動態(tài)，主要由輪播圖、今日頭條、聯(lián)盟動態(tài)、觀點研究等構(gòu)成。

3.2 個人中心

個人中心通過調(diào)用登錄、消息通知、個人資料和驗證碼等一系列接口，實現(xiàn)用戶的登錄驗證、退出注銷，方便用戶查看個人資料信息和站內(nèi)信息等。其中，用戶登錄接口實現(xiàn)了用戶信息的私有化。用戶登錄后向服務(wù)器提供用戶認(rèn)證信息，服務(wù)器認(rèn)證完后給客戶端返回一個Token令牌[4]，用戶再次獲取信息時，帶上此令牌，如果令牌正確，則返回數(shù)據(jù)。對于獲取Token信息后，訪問用戶相關(guān)接口，將所有用戶請求的參數(shù)處理加密，生成簽名，這就是所說的url簽名算法。然后登陸后每次調(diào)用用戶信息時，帶上token等參數(shù)。

3.3 數(shù)據(jù)

（1）數(shù)據(jù)頁面通過接口調(diào)用兩化融合評估系統(tǒng)、貫標(biāo)跟蹤服務(wù)系統(tǒng)和評定管理系統(tǒng)相關(guān)數(shù)據(jù)表的數(shù)據(jù)，設(shè)計了數(shù)據(jù)服務(wù)和管理體系兩部分內(nèi)容，面向不同的用戶角色，提供兩化融合評估診斷和管理體系的相關(guān)指標(biāo)和統(tǒng)計數(shù)據(jù)的綜合查詢和圖表展示服務(wù)，訪問的相關(guān)數(shù)據(jù)表包括權(quán)限相關(guān)表和基礎(chǔ)數(shù)據(jù)表等。（2）數(shù)據(jù)服務(wù)主要設(shè)計展示兩化融合總體水平、發(fā)展階段、關(guān)鍵指標(biāo)、參評企業(yè)數(shù)量和企業(yè)評估診斷報告等內(nèi)容。根據(jù)年度、地區(qū)、行業(yè)、規(guī)模和企業(yè)性質(zhì)等查詢條件，可分行業(yè)門類，分省、市，分規(guī)模，分企業(yè)性質(zhì)，顯示不同區(qū)域和行業(yè)兩化融合總體水平、發(fā)展階段、關(guān)鍵指標(biāo)的橫向?qū)Ρ惹闆r，獲取企業(yè)評估診斷報告各項關(guān)鍵指標(biāo)與全國、同行業(yè)的對標(biāo)情況；也可按年度，顯示不同歷史時期兩化融合總體水平、發(fā)展階段、關(guān)鍵指標(biāo)的縱向?qū)Ρ惹闆r，獲取企業(yè)評估診斷報告各項關(guān)鍵指標(biāo)不同年度的對比情況，掌握企業(yè)自身發(fā)展的規(guī)律。（3）管理體系主要設(shè)計展示兩化融合管理體系業(yè)務(wù)介紹，不同地區(qū)、行業(yè)和中央企業(yè)的兩化融合管理體系貫標(biāo)評定工作進(jìn)展，不同地區(qū)、行業(yè)的評定進(jìn)展統(tǒng)計表，兩化融合管理體系貫標(biāo)工作總體概括，兩化融合管理體系貫標(biāo)工作發(fā)展趨勢，等等[5]。（4）按照權(quán)限由低到高，對應(yīng)角色為游客、登錄用戶、企業(yè)用戶、行業(yè)領(lǐng)導(dǎo)、司局領(lǐng)導(dǎo)、省級領(lǐng)導(dǎo)、總領(lǐng)導(dǎo)?？傤I(lǐng)導(dǎo)可訪問所有數(shù)據(jù)，其他角色只能訪問權(quán)限范圍內(nèi)的部分?jǐn)?shù)據(jù)。所有領(lǐng)導(dǎo)角色都可按橫向和縱向兩種方式訪問數(shù)據(jù)。（5）用戶查詢獲取的數(shù)據(jù)以圖表展現(xiàn)出來，圖表使用的是百度旗下的Echarts開源組件。

3.4 活動

活動頁面通過接口調(diào)用培訓(xùn)系統(tǒng)的數(shù)據(jù)，設(shè)計實現(xiàn)了會議培訓(xùn)、直播和視頻課程。會議培訓(xùn)提供了線下培訓(xùn)、考試和會議的報名功能，在用戶輸入方面遵循多選擇、少輸入的設(shè)計原則。直播觀看用來直播會議活動現(xiàn)場情況。視頻課程支撐線上培訓(xùn)，訪問課程視頻。

3.5 查詢

查詢頁面通過接口調(diào)用貫標(biāo)跟蹤服務(wù)系統(tǒng)和評定管理系統(tǒng)的數(shù)據(jù)，實現(xiàn)掃碼查詢、證書查詢、評定人員查詢、貫標(biāo)進(jìn)度、評定機構(gòu)查詢等功能。

3.6 生態(tài)服務(wù)

生態(tài)服務(wù)頁面通過接口調(diào)用管理體系工作平臺的數(shù)據(jù)，實現(xiàn)咨詢機構(gòu)的基本情況、貫標(biāo)咨詢服務(wù)經(jīng)驗及成效、貫標(biāo)延伸服務(wù)情況等內(nèi)容的查詢。

4 結(jié)語

兩化融合移動應(yīng)用服務(wù)系統(tǒng)的實現(xiàn)，使用戶通過手機等便攜式移動終端能夠及時接收全國兩會融合動態(tài)信息和工作進(jìn)展情況，查詢不同維度的業(yè)務(wù)數(shù)據(jù)。相比訪問兩化融合服務(wù)平臺，大大提高了工作的效率，實現(xiàn)了信息資源的快速共享。后續(xù)根據(jù)用戶反饋意見，進(jìn)一步完善和優(yōu)化，以提供更加精準(zhǔn)、更加科學(xué)的決策支持和信息共享。

參考文獻(xiàn)

[1] 李建鋒.移動互聯(lián)網(wǎng)的研究現(xiàn)狀和發(fā)展趨勢[J].信息技術(shù)與信息化，2014（7）：39-40.

[2] 周劍，陳杰.制造業(yè)企業(yè)兩化融合評估指標(biāo)體系構(gòu)建[J].計算機集成制造系統(tǒng)，2013，19（9）：2251-2263.

[3] 章斕.基于HTML5的WebApp的開發(fā)與探索[J].長沙大學(xué)學(xué)報，2015，29（5）：50-53.

[4] 劉莎，譚良.hadoop云平臺中基于信任的訪問控制模型[J].計算機科學(xué)，2014，41（5）：155-163.

[5] 周劍.兩化融合管理體系構(gòu)建[J].計算機集成制造系統(tǒng)，2015，21（7）：1915-1929.