APP IONIC3 angular4

標籤：animation   ice   5.5   angular   shu   cordova   angular2   版本號碼   dock   

https://golb.hplar.ch/p/Hot-deploy-updates-with-the-cordova-hot-code-push-plugin
npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest [email protected] --save

ionic start ionic3-angular4 --v2

https://www.becompany.ch/en/blog/2016/10/19/creating-apache-cordova-app-with-angular2

docker run -it --net host --cpuset-cpus 0 --memory 512mb -v /tmp/.X11-unix:/tmp/.X11-unix -e DISPLAY=unix$DISPLAY -v $HOME/Downloads:/root/Downloads --device /dev/snd --name arcwelder thshaw/arc-welder
http://www.phonegap100.com/article-489-1.html
ionic build android --prod --release 此方法構建的應用啟動最快
http://blog.csdn.net/lucy_100/article/details/51028366
ionic build android --prod --release
https://dpary.github.io/2016/12/23/
http://forsigner.com/2015/03/12/ionic-android-package/
ompile_android:
stage: build
script:
- cp debug.keystore ~/.android/debug.keystore
- npm install
- cordova platform update android
- ionic config build
- ionic state restore
- ionic build android
docker run -it --net host --cpuset-cpus 0 --memory 512mb -v /tmp/.X11-unix:/tmp/.X11-unix -e DISPLAY=unix$DISPLAY --volumes-from=data --name arcwelder thshaw/arc-welder
https://zhuanlan.zhihu.com/p/21566093
install jdk
https://www.digitalocean.com/community/tutorials/how-to-install-java-with-apt-get-on-ubuntu-16-04
ionic start myTabs tabs --v2
sudo npm install -g cordova ionic ios-sim
ionic start myApp blank
ionic start myApp tabs
ionic start myApp sidemenu
chrome://apps/
===
cordova create myApp

　　cd myApp

　　cordova platform add android
====
http://blog.csdn.net/qq_15096707/article/details/53846895
cd myIonicApp
ionic platform add ios
ionic build ios
ionic prepare ios 重新打包
ionic emulate ios (模擬器運行)
ionic emulate ios -livereload
ionic platform remove ios
onic start sidemenuApp sidemenu --v2
https://github.com/driftyco
https://github.com/driftycoz
cd myIonicApp
ionic serve
ionic platform add android
ionic build android
ionic emulate android (模擬器運行)
ionic run android (串連上手機運行)
ionic prepare android 重新打包
ionic platform remove android 移除環境

http://www.jianshu.com/p/dfd98ad47af1 打包
====================================

http://kaibin.me/2016/07/17/ionic-hotcode/

sudo npm install -g ionic cordova
npm install -g cordova-hot-code-push-cli
cordova plugin add cordova-hot-code-push-plugin
cordova build
cordova-hcp server

config.xml
chcp.json

$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios

install jdk

agileek/ionic-framework
https://www.oschina.net/question/576444_2167064
android update sdk --no-ui

http://www.jianshu.com/p/9e3cd54f5f97
http://www.cnblogs.com/johnzhu/p/5830450.html
http://blog.csdn.net/cydd007/article/details/52366982
npm install -g cordova-hot-code-push-cli（用來動態產生chcp.json和chcp.manifest兩個檔案）
cordova plugin add cordova-hot-code-push-plugin (外掛程式)
cordova plugin add cordova-hot-code-push-local-dev-addon（ps:這個外掛程式裝不裝其實也沒有影響，因為我們不是要求即時更新介面的，而且在正式發布App的時候必須得移除這個外掛程式）

cordova build
{
"content_url": "http://localhost:8080/www",
"autogenerated": true,
"update": "now",
"release": "2017.01.04-14.30.44"
}

1.config.xml添加節點如下：

　　<chcp>
　　　　<config-file url="http:/yourserver/www/chcp.json" />
　　</chcp>

A、chcp.json檔案內容說明
{
"autogenerated": true,
"release": "2016.08.29-15.52.14", //版本號碼
"content_url": "http://www.123.com/www/",//WWW檔案夾所在遠程地址
"update": "now"//分三種情況
// start - app啟動時安裝更新. 預設值.
// resume - app從後台切換過來的時候安裝更新.
// now - web內容下載完畢即安裝更新.
}

該檔案每次運行cordova-hcp build 都會自動重建，為了方便，可以在APP項目的根目錄下添加一個模板檔案cordova-hcp.json，內容如下：
{
"autogenerated": true,
"release": "2016.08.29-16.52.27",
"content_url": "http://www.123.com/www/",
"update": "start"
}

var testButton=document.getElementById("testButton");
function handlerTest()
{
var oEvent=window.event;//for IE
//var oEvent=arguments[0];// for DOM
if(oEvent.type=="click")
{
alert("click");
}
else if(oEvent.type=="mouseover")
{
alert("mouseover");
}
else
{
alert(oEvent.keycode);
}
}
testButton.onclick=handlerTest;
testButton.onmouseover=handlerTest;

APP IONIC3 angular4