[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 的企業部署應用程式

https://developer.android.com/distribute/google-play/work?hl=zh-tw

[morse]Ionic 部署生成 Android、Ios App 的方式

1、在配置好 Node.js 和 npm 的環境後，用 npm 命令安裝最新版本的 cordova 和 Ionic

windows

npm install -g cordova ionic
npm i -g native-run


Mac
sudo npm update -g cordova ionic
sudo npm i -g native-run



2、創建應用

使用ionic官方提供的現成的應用程序模板，或一個空白的項目創建一個ionic應用：

$ ionic start myApp tabs




3、創建 Android 應用

使用ionic tool 創建，測試，運行你的apps

$ cd myApp
$ ionic cordova platform add android
$ ionic cordova build android
$ ionic cordova emulate android



4、創建IOS應用

$ cd myApp
$ ionic cordova platform add ios
$ ionic build ios
$ ionic emulate ios

如果出現"ios-sim was not found."錯誤，可以執行以下命令：
npm install -g ios-sim

5、創建電腦應用

在電腦執行出現異常,提示: cordova_not_available

解法是新增一平台為browser

ionic cordova platform add browser

再以下列指令取代ionic serve即可


ionic cordova run browser