1. 程式人生 > >ionic學習(十):ionic3專案打包成手機瀏覽器、安卓apk專案

ionic學習(十):ionic3專案打包成手機瀏覽器、安卓apk專案

主要目的:將ionic專案打包成手機瀏覽器的專案,可以測試掃描二維碼等手機可用的功能。

步驟:

1. 新增瀏覽器打包環境

ionic cordova platform add browser

 

2. 打包:

 

ionic cordova build browser

在專案中的platforms中的browser資料夾中就會有www資料夾,把這個資料夾部署到伺服器即可。

3.測試:

以phpstudy為例測試打包好的專案

本地:(外網不能訪問)

安裝好phpstudy後,將上面www檔案中的全部檔案複製到phpstudy的www資料夾中:

啟動phpstudy,在手機中輸入電腦的ip地址即可訪問:(手機和電腦要在同一個區域網內)

雲伺服器:(外網能訪問)

可使用阿里雲 騰訊雲等雲伺服器部署,效果是一樣的

 

打包成安卓apk

1.安裝jdk 1.8以上版本,配置環境變數

2.安裝android sdk 配置環境變數

3.開啟android sdk manager 下載必要的包 安裝完成後命令列輸入android 才會正常執行

參考資料:

https://www.jianshu.com/p/6bc51cee8c8c

https://www.cnblogs.com/harlem/p/6794616.html

4. 安裝gradle 配置環境變數

參考資料:https://blog.csdn.net/qq_20264891/article/details/79319408

5.打包:

 

 新增平臺支援 ionic cordova  platform add android

打包:

ionic cordova build android 【debug版本,無需簽名】

ionic cordova build android --release 【釋出版,需要簽名(要使用jarsigner簽名必須用release版本)】

ionic cordova build android --release --prod => 優化啟動速度,解決啟動白屏

 

參考資料:

 

https://blog.csdn.net/weixin_39461487/article/details/79387250