wap2app手機(jī)網(wǎng)站快速生成app神器

來(lái)源：超達(dá)科技 發(fā)布時(shí)間：2017-11-09瀏覽：19345次

wap2app手機(jī)網(wǎng)站快速生成app神器

wap2app手機(jī)網(wǎng)站快速生成app神器

wap2app是一個(gè)將現(xiàn)有M站（也稱手機(jī)wap站，區(qū)別于pc的web站）快速發(fā)布成App的增強(qiáng)方案，通過(guò)DCloud的wap2app框架，進(jìn)行簡(jiǎn)單的配置和必要的編程，即可完成M站的體驗(yàn)強(qiáng)化，達(dá)到原生應(yīng)用的功能體驗(yàn)，進(jìn)而再發(fā)布為原生安裝包或流應(yīng)用。

如果你沒(méi)有wap站， 而是想重新開(kāi)發(fā)一個(gè)應(yīng)用，并且開(kāi)發(fā)一次，M站、跨平臺(tái)原生App都自動(dòng)生成，請(qǐng)移步DCloud的另一個(gè)產(chǎn)品MUI框架

wap2app解決方案有如下特點(diǎn)

－提供了原生渲染能力，讓界面渲染速度和動(dòng)畫效果，達(dá)到原生體驗(yàn)（優(yōu)化后的體驗(yàn)有多好，可以滾動(dòng)到文檔底部看“案例體驗(yàn)”章節(jié)）
－提供豐富的系統(tǒng)原生能力（定位、分享、支付、推送等），達(dá)到原生功能
－通過(guò)json配置頁(yè)面規(guī)則和強(qiáng)化規(guī)則，工作量低，學(xué)習(xí)成本低
－M站僅需稍作修改，改造成本低
－強(qiáng)化部分和之前的M站解耦合，M站后續(xù)升級(jí)業(yè)務(wù)邏輯，生成的App自動(dòng)含有更新后的業(yè)務(wù)邏輯

本地強(qiáng)化和M站的關(guān)系（理解這段關(guān)系非常重要）

使用wap2app，開(kāi)發(fā)者可復(fù)用M站之前的所有業(yè)務(wù)邏輯，僅需進(jìn)行必要的強(qiáng)化，而之前的注冊(cè)、購(gòu)物、查詢等所有業(yè)務(wù)邏輯全部復(fù)用。
開(kāi)發(fā)者所做的強(qiáng)化工作，分為：1、wap2app客戶端的配置編程工作，2、原M站的改造工作。
注意這2塊是分開(kāi)解耦的。

在HBuilder8.8.3起，新建項(xiàng)目時(shí)選擇wap2app類型項(xiàng)目，會(huì)自動(dòng)生成一批模板文件，這些json或js是部署在手機(jī)客戶端側(cè)的，并非部署到M站的服務(wù)器上。強(qiáng)化工作主要在這里做。
開(kāi)發(fā)者無(wú)需、也不能把M站的項(xiàng)目源碼導(dǎo)入到HBuilder的wap2app項(xiàng)目里，M站仍然是之前的模式，在服務(wù)器側(cè)遠(yuǎn)程加載。

如果要在HBuilder中同時(shí)編寫M站，則在HBuilder里新建項(xiàng)目時(shí)選擇web項(xiàng)目類型。

在HBuilder中把新建的wap2app項(xiàng)目選擇打包為原生應(yīng)用或發(fā)布為流應(yīng)用時(shí)，wap2app項(xiàng)目下的這些強(qiáng)化配置和編程文件，是存在app包里的，安裝后直接在手機(jī)的本地存儲(chǔ)區(qū)里運(yùn)行，可以理解為是C/S模式的Client部分。而M站仍然是B/S模式的，并不會(huì)打包M站的那些文件到app包里，而是從服務(wù)器在線加載M站頁(yè)面。

手機(jī)端實(shí)際運(yùn)行時(shí)，DCloud的框架會(huì)自動(dòng)把本地的強(qiáng)化配置和在線的wap站融合在一起，在用戶眼里，仍然是一個(gè)app的感覺(jué)。

強(qiáng)化工作分3部分

1.wap2app本地端的工作：通過(guò)框架提供的sitemap文件，描述頁(yè)面關(guān)系和動(dòng)畫強(qiáng)化方案，以達(dá)到原生的窗體切換效果。當(dāng)sitemap.json配置無(wú)法滿足復(fù)雜需求時(shí)，可使用app.js編程進(jìn)行增強(qiáng)處理。
2.M站的改造工作：針對(duì)App運(yùn)行環(huán)境（UA不同），進(jìn)行適當(dāng)?shù)母脑?，包括去掉一些App里不應(yīng)該出現(xiàn)的頁(yè)面元素（如底部的電腦版鏈接，或某些原生app下載引導(dǎo)）。
3. 如果需要調(diào)用DCloud的HTML5+擴(kuò)展能力，比如M站之前無(wú)法實(shí)現(xiàn)的微信分享、推送、原生支付，進(jìn)行必要的編程調(diào)用。HTML5+擴(kuò)展的api參考http://www.html5plus.org/doc/h5p.html，在DCloud提供的wap2app框架中，包含了完整的HTML5+擴(kuò)展能力，可以調(diào)用幾十萬(wàn)原生應(yīng)用的api。這部分工作，可以在wap2app本地端實(shí)現(xiàn)，也可以在M站實(shí)現(xiàn)（需判斷運(yùn)行環(huán)境）。

強(qiáng)化和新開(kāi)發(fā)的區(qū)別：

新開(kāi)發(fā)一個(gè)app，是大多數(shù)編程人員常見(jiàn)的思路，比如新開(kāi)發(fā)一個(gè)微信小程序，學(xué)習(xí)它的每個(gè)api，重頭做起。
但使用強(qiáng)化框架，并非重頭做起。它的學(xué)習(xí)方式和開(kāi)發(fā)者過(guò)去的習(xí)慣可能有所不同，比如開(kāi)發(fā)者時(shí)刻要清楚什么工作在客戶端強(qiáng)化，什么工作在M站改造。但如果掌握了，它的投入產(chǎn)出是更高的。