wap2app是什麼

wap2app 是一個將現有M站（也稱手機wap站，區別於pc的web站）快速發佈成 App 的加強方案，經過 DCloud 的 wap2app 框架，進行簡單的配置和必要的編程，便可完成M站的體驗強化，達到原生應用的功能體驗，進而再發布爲原生安裝包或流應用。

名詞解釋

• wap 這裏並非嚴格意義上的 wap 站點，是對全部移動站點的統稱。
• 2 即 to
• app 單指移動應用

連起來，就是「將移動站點轉換成移動應用

本地強化和M站的關係

理解這段很關鍵 x 3
使用 wap2app，開發者可複用M站以前的全部業務邏輯，僅需進行必要的強化，而以前的註冊、購物、查詢等全部業務邏輯所有複用。
開發者所作的強化工做，分爲：

1. wap2app 客戶端的配置編程工做
2. 原M站的改造工做

注意這2塊是分開解耦的。

自 HBuilder 8.8.3 起，新建 wap2app 項目，會自動生成項目必須的模板文件，強化工做主要在這裏作。
Tips：這些 json 或 js 是部署在手機客戶端的，並不是M站的服務器上。

開發者無需、也不能把M站的項目源碼導入到 HBuilder 的 wap2app 項目裏，M站依舊以以前的模式部署在遠程服務器上。

在 HBuilder 中把新建的 wap2app 項目選擇打包爲原生應用或發佈爲流應用時，wap2app 項目下的這些強化配置和編程文件，是存在原生 App 包裏的，安裝後直接在手機的本地存儲區裏運行，能夠理解爲是 C/S 模式的 Client 部分。而M站仍然是 B/S 模式的，並不會將M站的資源打包到 App 包裏，而是從服務器加載在線的M站頁面。

手機端實際運行時，DCloud 的框架會自動把本地的強化配置和在線的M站融合在一塊兒，在用戶眼裏是一個 App 的感受。

強化工做

1. wap2app 本地端的工做：經過框架提供的 sitemap.json 文件，描述頁面關係和動畫強化方案，以達到原生的窗體切換效果。當 sitemap.json 配置沒法知足複雜需求時，可以使用 app.js 編程進行加強處理。
2. M站的改造工做：針對 App 運行環境（可根據UA區分），進行適當的改造。包括去掉一些 App 裏不該該出現的頁面元素（如底部的電腦版連接，或某些原生 App 下載引導等）。
3. 擴展原生的能力：若是須要調用 DCloud 的 HTML5+ 引擎 擴展的原生能力，好比M站以前沒法實現的微信分享、推送、原生支付等，須要進行必要的編程工做。這部分工做，能夠在 wap2app 本地端實現，也能夠直接在M站實現（注意斷定當前運行環境）。

Tips：強化工做的第3點，須要開發者瞭解並學習一部分 HTML5+App 開發的知識，請閱讀文檔樹的 HTML5+ 及 App 教程 部分。

強化和新開發的區別

新開發一個 App，是大多數編程人員常見的思路，好比新開發一個微信小程序，學習它的每一個 API，重頭作起。 但使用強化框架，並不是重頭作起。它的學習方式和開發者過去的習慣可能有所不一樣，好比開發者時刻要清楚什麼工做在客戶端強化，什麼工做在M站改造。但若是掌握了，它的投入產出是更高的。