[發明專利]基于前端框架的移動端跨平臺應用開發框架及開發方法

在審

• 申請號: 201710208240.4
• 申請日: 2017-03-31
• 公開（公告）號: CN106990966A
• 公開（公告）日: 2017-07-28
• 發明（設計）人: 黃劉生;辛賀;徐宏力
• 申請（專利權）人: 中國科學技術大學蘇州研究院
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F9/455;G06F9/54
• 代理公司: 蘇州創元專利商標事務所有限公司32103
• 代理人: 范晴,丁浩秋

技術領域

本發明屬于移動端跨平臺應用開發技術領域，具體地涉及一種基于前端框架的移動端跨平臺應用開發框架及開發方法。

背景技術

隨著網絡技術的不斷發展，尤其是移動互聯網技術的發展，人們已經離不開移動終端設備，人們可以隨時隨地地通過手機從互聯網獲取信息和服務，截至2017年1月22日，中國網民數為6.88億人，其中手機網民數為6.20億人，手機上網人群占比為90.1%，由此可見移動終端設備在人們的生活中所具有的重大意義，移動端設備已經成為一個人賴以生存的一個重要工具，而移動互聯網技術的發展也成為了一個國家科技創新能力發展的重要指標。如果在6億手機用戶這樣一個重大的消費群體上建立一個平臺，使之廣泛應用到企業、商業、普通用戶之中，肯定可以創造驚天動地的奇跡。

在移動互聯網發展過程中，涌現出了很多手機操作系統，這其中以蘋果的IOS系統、谷歌的Android系統、微軟的WindowsPhone系統尤為出眾，截至2016年第二季度，這三款手機操作系統的市場占有率已經達到了99.7%。目前一款移動端應用軟件的開發基本都是基于這三個平臺的，由于這三種操作系統的軟件開發是基于不同的編程語言的，所以要開發出適配這三種系統的軟件，就要編寫三份不同的代碼來帶到最終目的。這就大大提高了軟件開發和維護的工作難度，這時如果要研究出一種跨平臺的移動端軟件開發平臺就至關重要。

目前移動端應用分類主要有三種：Native應用、Web應用、Hybrid應用。Native應用主要指使用特定平臺開發語言所開發的應用，Web應用主要采用統一標準的HTML、JavaScript、CSS等Web技術開發，通過不同平臺的瀏覽器訪問來實現跨平臺。Native應用開發的不足在于，不同手機操作系統的應用軟件是獨立開發的，開發者需要編寫多套針對特定手機平臺的代碼，而Web應用在性能上和用戶體驗上與原生手機應用有著很大的差距。Hybird應用主要是彌補以上兩者開發模式的不足的產物，使用前端技術來開發應用的頁面，調用Native的代碼來完成業務邏輯的編寫。

發明內容

針對當前移動軟件開發需要區分不同手機操作系統的問題，本發明目的是：提供了一種基于前端框架的移動端跨平臺應用開發框架及開發方法，本發明框架采用的是Hybrid模式的應用開發方法，采用分層設計模式，界面采用前端技術開發，通過中間層插件調用原生應用的硬件相關功能，以完成手機應用軟件的開發。本發明應用到移動軟件項目開發中，可以大大提高移動端軟件的開發效率。

本發明的技術方案是：

一種基于前端框架的移動端跨平臺應用開發框架，包括：

應用表現與業務邏輯層：通過前端框架進行基本的頁面布局、網絡請求數據、數據加載、頁面導航開發，并進行業務邏輯處理，編譯成網頁文件；

HTML渲染層：通過瀏覽器將網頁的解析結果經過計算、排版布局、調用移動設備接口，渲染繪制到用戶界面上；

移動設備API，用于HTML渲染層與移動端操作系統硬件功能間的數據交互，提供訪問的移動設備API；

移動端操作系統平臺；對完成的工程進行打包，根據識別的移動端操作系統生成可在相應系統下運行的安裝文件。

優選的，所述HTML渲染層與移動端操作系統硬件功能間的數據交互包括，生成交互插件，通過交互插件向移動設備發送信息，移動設備接收信息后將原生代碼的執行結果以JSON對象的形式發送至HTML渲染層。

優選的，所述交互插件包括接口文件和交互模塊，所述接口文件用于識別移動端操作系統，所述交互模塊，通過AJAX發送請求，實現數據交互。

本發明還公開了一種基于前端框架的移動端跨平臺應用開發方法，包括以下步驟：

S01：通過前端框架進行基本的頁面布局、網絡請求數據、數據加載、頁面導航開發，并進行業務邏輯處理，編譯成網頁文件；

S02：通過瀏覽器將網頁的解析結果經過計算、排版布局、調用移動設備接口，渲染繪制到用戶界面進行功能調試，通過交互插件與移動端操作系統硬件功能進行數據交互；

S03：對完成的工程進行打包，根據識別的移動端操作系統生成可在相應系統下運行的安裝文件。

優選的，所述步驟S02中，在網頁上調試功能性代碼時，當發生網絡請求時，構建跨域請求轉接工具，通過跨域請求轉接工具將本地請求轉接到真實的URL地址。

與現有技術相比，本發明的優點是：