webapp開發(fā),app開發(fā)難易程度

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

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

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

梅。

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

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

網(wǎng)絡(luò)應(yīng)用的開發(fā)

優(yōu)點：

同時，它可以適應(yīng)移動終端和網(wǎng)絡(luò)終端?？梢哉f開發(fā)無處不在，開發(fā)效率高，開發(fā)成本低

缺點：

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

webapp開發(fā)需要什么工具

關(guān)注app開發(fā)網(wǎng)絡(luò)框架的選擇

為數(shù)不多步

開發(fā)支持的語言類型

根據(jù)前端開發(fā)人員的能力，選擇Webapp開發(fā)框架。

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

畫

第二步

檢查網(wǎng)絡(luò)app開發(fā)框架文件是否完整。

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

插件功能

畫

示例代碼

畫

第三步

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

確認APP的功能是否能滿足，開發(fā)的難度

開發(fā)APP的復(fù)雜程度和功能能否得到滿足，交互多，業(yè)務(wù)邏輯復(fù)雜。找到對應(yīng)的功能點，提前確認。

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

畫

第四步

確認Webapp開發(fā)框架的調(diào)試功能是否完善。

1.調(diào)試工具

2.調(diào)試功能的文檔和示例

3.調(diào)試工具的易用性

例如，您需要調(diào)試頁面以查看“獲取應(yīng)用相關(guān)信息”界面的返回數(shù)據(jù)。

調(diào)試工具文檔

畫

頁面調(diào)試

畫

調(diào)試結(jié)果

畫

第五步

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

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

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

應(yīng)用包裝

畫

全部充填

畫

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