兩化融合移動應用服務系統的設計和實現

梁偉偉 馬冬妍 崔學民 李立偉 師麗娟

摘 要：在工業和信息化部的指導下，兩化融合服務平臺建設完成并對外提供服務。針對日益增長的移動訪問需求，設計了一種基于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.

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

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