使用網站域名封裝Web2App

wap2app是什麼

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

下載/登錄開發工具

前往 dcloud.io 根據自己的操作系統,下載對應的 HBuilder 安裝包,解壓即可使用。

PS:首次使用需註冊一個開發者賬號,方便後續的打包以及應用管理。

創建項目

按照如下步驟在HBuilder中新建 wap2app 工程

  • 頂部菜單,文件 -> 新建 -> Wap2App
  • 輸入應用名稱、wap 站首頁地址,點擊“完成”

工程建成後,默認目錄結構如下:

配置應用圖標及啓動圖

應用圖標

應用圖標是App安裝到手機後,在手機桌面顯示的圖標;按照如下步驟配置應用圖標:

雙擊打開manifest.json文件,點擊下方“圖標配置”選項卡

在圖標配置頁面,按照要求配置各種分辨率的圖標

建議配置1024*1024的大圖標,然後自動生成並替換各種分辨率的圖標。

啓動圖片

啓動圖片是用戶從點擊桌面圖標到進入應用首頁中間顯示的歡迎圖片;按照如下步驟配置應用圖標。

點擊“啓動圖片(splash)配置”選項卡,會打開啓動圖配置界面

根據需要配置不同分辨率的啓動圖片,例如僅生成Android安裝包,則僅配置Android啓動圖片即可。

應用發佈

wap2app項目可以打包成iOS平臺的ipa安裝包、Android平臺的apk安裝包。

在HBuilder中,點擊頂部“發行”菜單,點擊“雲打包-打原生安裝包”,如下:

打開原生打包配置界面,如下圖所示:

選擇需要打包的平臺(iOS平臺打包需要配置iOS證書),點擊“打包”按鈕即可提交雲端打包,打包完成後會自動下載安裝包,安裝到手機即可體驗。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章