[發明專利]一種HBuilder上開發移動端APP技術方法

在審

• 申請號: 201610558994.8
• 申請日: 2016-07-16
• 公開（公告）號: CN107632820A
• 公開（公告）日: 2018-01-26
• 發明（設計）人: 余漫游
• 申請（專利權）人: 長沙有干貨網絡技術有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術領域

本發明是萬維網的核心語言,是計算機核心技術。HTML5 Plus移動App，簡稱HTML5+App，是一種將HTML5+ Runtime和HTML、JS、CSS混編成APK后運行于手機端的App，它可以通過擴展的Javascript APl 調用手機的原生功能，實現與原生App同樣強大的性能。

背景技術

早期的移動APP必須針對i0S , Android和WP開發不同版卞，導致開發成木過高，開發周期過長，為了實現跨平臺移動APP的開發，引入了HTML5+技術。HTML5+對JavaScript對象plus進行了擴展，從而使得Javascript就可以調用各種瀏覽器無法實現的原生系統功能。

發明內容

HBuilder作為HTML5+ APP的開發工具，集成了DCloud的HTML5+ Run-time，使用HBuilder打包APP時，可以把項目中的html 、 js 、css和HTML5 + Runtime混編打包成apk或ipa文檔，HTML5+Runtim。也可以理解為一種實現了plu、對象的、沒有地址欄的增強瀏覽器內核。

使用HBuilder開發HTML5+ APP的過程如下:

1)在HBuilder里新建移動App項目。通過菜單打開“創建移動APP"對話框，輸入項目名稱qms，選擇mui項目，該模板已包含mui框架的}s ,css和字體資源；

2)在項目管理器中雙擊“manifest.json”文件，打開應用配置頁面，對于要打包的原生應用而言，其各種配置均在此處；

3)在qms項目所對應的移動APP中編寫html , js和css文件，木地js請求服務器數據通過aj ax方式進行，避開跨域限制通過plus.net對象進行；

4)調用HTML5+ API。在qms項目所對應的移動APP中通過plus對象可以使用Javascript代碼調用手機原生能力；

5)真機運行run in device。寫完代碼后，可以通過真機運行來查看效果。雖然PC端HBuilder擁有邊改邊看功能，但真實的布局效果以及手機上的特殊能力調用，還是必須在真機測試；

6)qms項目發行打包。應用頁面開發完成后，需要正式打包為原生的apk或ipa安裝包，HBuilder提供的打包有云打包和木地打包兩種，其中云打包的特點是DCloud官方配置好了原生的打包環境，可以把HTML等文件編澤為原生安裝包。