2019年11月8日 星期五

[morse]使用 Codova 將 Angular 的專案部署(發行)到 Android 或 IOS

首先你須先將 Angular 專案生成

ng new ngProject
cd ngProject
ng build --prod

在專案目錄下會生成 dist 目錄, 這就是 Angular 預設的發行目錄, 在 dist 目錄下就可以找到發內的全部內容。


接著生成 Cordova 專案


1.安裝 Cordova

npm install -g cordova



2.建立 Cordova 專案

cordova create [ProjectName] [網域名] [app名]



3.加入平台

cd [ProjectName]
cordova platform add ios
cordova platform add android




4. 修改 index.html 

在 Cordova 專案中有個 www 目錄, 把 Angular 的 dis t目錄下的發行內容 copy 到 Cordova 專案的 www 目錄

找到 index.html 作以下修改

4.1.
<base href="/">
改為
<base href="./">


4.2.
把 cordova.js 那一行的註釋符號拿掉(如果不存在就把它加在 
index.html)

<script type="text/javascript" src="cordova.js"></script>



5. 發行 Cordova dova 專案

5.1 發行 android

cordova build android

就會生成apk檔




5.2 發行 ios

cordova build android



6.部署到 google

為使用 Google Play 的企業部署應用程式



沒有留言:

張貼留言