將移動端頁面打包成app

1、使用 HBuilder 直接編譯打包

點擊左上角 文件》打開目錄》選擇目錄 選擇用Webpack打包好的dist文件目錄

由於我添加到項目了，所以會顯示該項目名稱已存在，請重新輸入。

2、接著點擊完成，就可以在目錄中看到dist

這裏dist前面的標誌應該是W 由於我轉換過一次，就會顯示A

3、鼠標右鍵點擊dist目錄，選擇`轉換成移動App`，成功之後目錄前面的圖標就會變成 A 同時會多出一個 `manifest.json文件`

4、雙擊`manifest.json` 是可視化界面

5、填寫基本信息 選中橫豎屏等信息

可以選擇圖片等一系列信息

點擊代碼視圖就可以看到代碼界面了。

6、開始打包，我們點擊HBuilder頭部導航欄的發行》雲打包-打原生安裝包

這裏你可以選擇ios或者android安裝包

7、如果是安卓安裝包則可以直接選擇完之後開始打包

點擊打包完了之後，可以查看打包狀態，打包完畢可以點擊下載安裝包，就可以安裝到自己手機上啦。這裏推薦用愛思助手，不是廣告，因為自己用iTools的時候 出現了安裝不成功的問題，暫時沒解決 但是用愛思助手就解決了。

8、現在我們來看打包成ios的

很明顯，這裏打包ios安裝包是需要 ios開發者證書==》AppID、私鑰密碼、profile文件、私鑰證書。

如果你有ios開發者賬號，這是需要$99 購買一年的 美刀。購買了之後，可以登錄之後獲取相應的證書以及密鑰。

這裏我重點講一下，如何使用打包ios測試的，沒有ios開發者賬號沒有證書和私鑰證書怎麽辦。

可以使用

免費蘋果賬號（apple id）申請ios證書p12真機調試

詳情見下一篇分析。

將Web移動端打包成手機app---HBuilder