wap2app（一）-- 網站快速打包成app

工具：HBuilder，下載地址：http://www.dcloud.io/

下載並安裝HBuilder後，打開編輯器，選擇：文件 -> 新建 -> 項目，出現以下圖：

 

選擇wap2app，填入項目名稱，wap站首頁地址，選擇項目文件路徑，建立。

項目建立成功，軟件左側會出現你剛建立的項目。

打開項目，找到manifest.json文件，依次配置相關配置文件。

1、基礎配置：

注意：應用標識不要手動修改，顯示默認的便可

依次填入應用名稱，版本名稱，應用入口首頁地址能夠是網絡地址也能夠是本地地址。

 

2、圖標配置：

圖標就是App安裝到手機後顯示的圖標，選擇第一張圖標後能夠點擊「自動生成全部圖標並替換」，會自動生成適配不一樣大小的圖標。

3、啓動圖配置

啓動圖配置就是作好合適大小的圖片上傳便可

4、SDK配置

 

 須要申請對應模塊要求的參數，並作好配置，勾選須要的功能並填入相關參數

 

5、模塊權限配置

根據app業務需求，配置對應的模塊。

6、源碼視圖

android打包填入相應的包名等信息；ios打包填入標識等信息

這樣，manifest.json文件就配置完成了，接下來進行真機調試。

用手機數據線鏈接手機和電腦，手機打開USB調試模式，當點擊HBuilder的 運行-> 運行到手機或模擬器 ->運行【設備xxx】，

編輯器控制檯會出現以下報錯：

webviewId 報錯，這時候發現，僅僅配置了manifest.json還不夠，找到sitemap.json文件，找到webviewId ，其值通常默認爲基礎配置裏的應用標識（AppID）。

從新調試，點擊HBuilder的 運行-> 運行到手機或模擬器 ->運行【設備xxx】

手機上出現運行項目，查看控制檯：

真機運行成功！

 接下來，打包app。

點擊HBuilder： 發行 -> 原生App-雲端打包，出現下圖：

因爲沒有證書，就以安卓爲例。如上圖，勾選「Android」，勾選「使用DCloud公用證書」，填入安卓包名，打包。

打包成功，會給一個臨時的下載連接，這樣即打包成功。

轉載時請註明出處及相應連接，本文永久地址：https://www.cnblogs.com/wangxiaoling/p/9831974.html，文章標題備註轉載，如：xxx【轉載】,謝謝！