將Vue移動端項目打包成手機app---HBuilder


 

 

 

將移動端頁面打包成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真機調試

詳情見下一篇分析。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM