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

來源：超達科技 發(fā)布時間：2017-11-09瀏覽：19339次

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

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

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

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

wap2app解決方案有如下特點

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

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

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

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

如果要在HBuilder中同時編寫M站，則在HBuilder里新建項目時選擇web項目類型。

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

手機端實際運行時，DCloud的框架會自動把本地的強化配置和在線的wap站融合在一起，在用戶眼里，仍然是一個app的感覺。

強化工作分3部分

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

強化和新開發(fā)的區(qū)別：

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