如何將vue項目打包成andriod的apk包
東西/原料
- Hbuilder東西
- mac電腦
- vue程序
方式/步調
- 1
籌辦vue項目，并build當作dist目次。
經由過程開辟東西（hbuildx或者vscode或者其他pycharm）類的東西打開，小編此處選擇hbuildx東西，
1、打開vue工程，名為“my-vue-project01”
2、選擇終端打開，執行號令“npm run build”生當作dist文件夾
- 2
將新生當作的dist文件夾，拖入到Hubilder工程中，文件夾dist前面，可以看到，該文件夾“dist”默認為白色的字母“W”+“dist”
- 3
鼠標右鍵打開，選擇下拉框中的“轉換當作移動App”，選擇后，文件夾W“dist” 釀成了A“dist" 申明文件夾轉換當作功。
- 4
轉換完當作后，在原本的dist目次下，會多出一個名字為“unpackage"文件夾，和一個json文件，名為：manifest.json。
manifest.json 文件，是用來點竄相關設置裝備擺設，如：文件屬性，圖標，權限等。雙擊該文件，打開可看到相關的選項操作。
應用設置裝備擺設：自界說應用名稱，appid，版本號，頁面進口，應用描述。
- 5
選擇圖標設置裝備擺設--》選項源圖片，雙擊 + 號可以按照本身的愛好，給應用設置圖標。若iphone、ipad、andriod 都合用統一個圖標樣式，那么可以選擇”主動生當作所有圖標并替代 “按鈕。生當作的圖片位置，經由過程點擊”瀏覽生當作圖標地點目次“，默認是在工程的"unpackage"文件夾中。
- 6
模塊權限設置裝備擺設中，會供給2個模塊，一個為：“未選模塊”一個為“已選模塊”，經由過程本身應用現實需要，可動態增添，削減相關的模塊。每個模塊即是一種權限。
- 7
啟動圖片設置裝備擺設，即為當該軟件啟動的時辰，會有個加載過程，過程中顯示的圖片，這里可以設置和圖標一樣的圖片，也可以設置告白圖片，按照本身的現實環境設定，小編這里設置為和軟件圖標一一致。
- 8
設置裝備擺設好應用，注重（記得保留，可經由過程“CTRL+S”鍵）再來進行發布為移動軟件，選擇工程，鼠標右鍵，鄙人來的菜單中，選擇“刊行”--》“云打包-打原生安裝包”
- 9
安裝包生當作有2種，一種為“ios”，一種為“andriod”，自立選擇。點竄andriod包名為com.XX.XX名稱。告白可以按照本身的需求選擇。
小編這里都選擇了，點擊“打包”按鈕，繼續
- 10
此刻，辦事器云端在主動打包，打包過程為：壓縮相關資本--》建造安裝包-----》完當作打包，供給可下載的apk文件。
--》選擇“打開下載目次”-可以看到適才已經打包的apk文件。
- 11
最后，將apk文件拷貝到手機中，雙擊apk包，會有安裝提醒，如圖1，安裝完當作后，手機面上顯示軟件，功能和手機軟件一樣，如圖2，雙擊打開可以查看到應用結果。此刻，vue應用的apk包打包當作功。
END
注重事項
- vue項目中， publicPath :' ./' 的設置中，為./
- 發表于 2020-04-29 17:02
- 閱讀 ( 1358 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章