00-1010因?yàn)樽髡咴?jīng)是開(kāi)發(fā)，的安卓原生，但因?yàn)楣ぷ餍枰?說(shuō)白了，小公司不愿意做網(wǎng)頁(yè)版，同時(shí)做安卓和ios)，開(kāi)發(fā)開(kāi)始學(xué)習(xí)webapp。

webapp的開(kāi)發(fā)無(wú)非就是：UI JS封裝了移動(dòng)終端的原生api。

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

梅。

JS: JS不斷發(fā)展，從nodejs的簡(jiǎn)單前端開(kāi)發(fā)到后端開(kāi)發(fā)，再到nativejs的移動(dòng)終端開(kāi)發(fā)。

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

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

優(yōu)點(diǎn)：

同時(shí)，它可以適應(yīng)移動(dòng)終端和網(wǎng)絡(luò)終端。可以說(shuō)開(kāi)發(fā)無(wú)處不在，開(kāi)發(fā)效率高，開(kāi)發(fā)成本低

缺點(diǎn)：

因?yàn)閣ebapp本質(zhì)上是頁(yè)面和js的結(jié)合體，在渲染頁(yè)面的時(shí)候肯定運(yùn)行不流暢，用戶體驗(yàn)也不是很好。

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

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

為數(shù)不多步

開(kāi)發(fā)支持的語(yǔ)言類型

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

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

畫

第二步

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

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

插件功能

畫

示例代碼

畫

第三步

確認(rèn)Webapp開(kāi)發(fā)框架是否能夠滿足項(xiàng)目需求。

確認(rèn)APP的功能是否能滿足，開(kāi)發(fā)的難度

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

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

畫

第四步

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

1.調(diào)試工具

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

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

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

調(diào)試工具文檔

畫

頁(yè)面調(diào)試

畫

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

畫

第五步

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

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

例如，測(cè)試過(guò)的webapp需要打包。

應(yīng)用包裝

畫

全部充填

畫

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