00-1010因為作者曾經是開發，的安卓原生，但因為工作需要(說白了，小公司不愿意做網頁版，同時做安卓和ios)，開發開始學習webapp。

webapp的開發無非就是：UI JS封裝了移動終端的原生api。

UI:為了讓webapp界面看起來更像移動界面，需要對HTML標簽進行修飾和封裝，形成各種空間，比如ButtonSwitchToggle等等。然而，不同的開發工具可能使用不同的用戶界面來編寫規范。我覺得wex5用的是UI2，也就是bootstrap或者HBuilder。

梅。

JS: JS不斷發展，從nodejs的簡單前端開發到后端開發，再到nativejs的移動終端開發。

封裝移動api:前端人員可以更輕松的轉移到移動開發，wex5通過cordova插件和justep調用原生api。XX而HBuilder通過nativejs控制本機api的調用。

網絡應用的開發

優點：

同時，它可以適應移動終端和網絡終端。可以說開發無處不在，開發效率高，開發成本低

缺點：

因為webapp本質上是頁面和js的結合體，在渲染頁面的時候肯定運行不流暢，用戶體驗也不是很好。

webapp開發需要什么工具

關注app開發網絡框架的選擇

為數不多步

開發支持的語言類型

根據前端開發人員的能力，選擇Webapp開發框架。

比如前端人員只能寫react，這就需要Webapp開發框架支持react。

畫

第二步

檢查網絡app開發框架文件是否完整。

比如功能API的詳細使用文檔和示例等。

插件功能

畫

示例代碼

畫

第三步

確認Webapp開發框架是否能夠滿足項目需求。

確認APP的功能是否能滿足，開發的難度

開發APP的復雜程度和功能能否得到滿足，交互多，業務邏輯復雜。找到對應的功能點，提前確認。

比如：開發身份證識別功能，檢查Webapp開發框架API是否支持。

畫

第四步

確認Webapp開發框架的調試功能是否完善。

1.調試工具

2.調試功能的文檔和示例

3.調試工具的易用性

例如，您需要調試頁面以查看“獲取應用相關信息”界面的返回數據。

調試工具文檔

畫

頁面調試

畫

調試結果

畫

第五步

確認Webapp開發框架測試完成后是否可以打包發布。

完成的APP是否有完整的包裝流程和上架流程？

例如，測試過的webapp需要打包。

應用包裝

畫

全部充填

畫

下載安裝包(。apk和。ipa)并直接上傳到應用市場。