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 typescript@latest --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的更多相关文章

  1. ionic3+angular4开发混合app 之自定义组件

    这里主要是记录ionic3+angular4开发混合app时自定义组件,我想自定义组件的方法和angular4应该类似,具体在纯angular4中自定义组件,暂时没有实践,个人觉得差别不大,之后实践了 ...

  2. ionic3+angular4+cordova 项目实例

    去年年底到现在几个月一直在忙项目,angular已经更新到angular4,ionic也同步更新到ionic3,这几天抽空用ionic3做了个小demo,代码发布到码云, https://gitee. ...

  3. 在ionic3+angular4项目中添加自定义图标

    在阿里图标库下载自己所需要的图标解压为一下目录 把iconfont.xx文件全部放到src/assets/fonts/文件夹下,可以全部替换里面的文件,但是要把之前iconfont.css文件下的文件 ...

  4. ionic3+angular4的三方微信开发(登录and分享)

    登录: 1.在微信开放平台注册开发者帐号,并拥有一个已审核通过的移动应用,并获得相应的AppID和AppSecret,申请微信登录且通过审核后,可开始接入流程. 2.通过cordova添加微信插件:进 ...

  5. ionic3带参数返回原来页面

    最近用ionic3+angular4做项目.我遇到了个问题,我返回原来页面时一般都会调用this.navCtrl.pop()方法,但这个方法不能携带参数.怎么办? 可以写个回调方法. 我在a页面定义个 ...

  6. angular4 ionic3 app

    对于angular系列来说,从2到4仅仅是版本号的变更,绝大部分都是兼容的.  如果按照规范编写代码,一般来说是没有问题的. 学习angular4     快速入门参考  https://www.an ...

  7. Ionic3与Angular4新特性

    之前(17年3月底)Angular4.0.0正式发布,这个月(4月十几号)Ionic3又发布了,很多人看到这个估计都是一脸懵圈,其实,Angular4只是Angular2的后续版本,Ionic3也是I ...

  8. 一个基于Ionic3.x cordova的移动APP demo

    项目地址如遇网络不佳,请移步国内镜像加速节点 前端技术: Angular4.x + ionic3.x + cordova 项目运行: git clone git@github.com:EasyTuan ...

  9. ionic3 app 退出应用程序

    在ionic3 打包的app,如果要实现代码来控制应用程序的推出. 在android以下代码是可以的,但是在ios是不支持的.因为这不适用于ios app,因为苹果apple 不允许应用程序以编程的方 ...

随机推荐

  1. [BZOJ2655]calc(拉格朗日插值法+DP)

    2655: calc Time Limit: 30 Sec  Memory Limit: 512 MBSubmit: 428  Solved: 246[Submit][Status][Discuss] ...

  2. [BZOJ 1805] Sail 船帆

    Link: BZOJ 1805 传送门 Solution: 一道思路比较巧的线段树的题目 首先可以发现,答案和顺序是没有关系的,都是$\sum_{i=1}^n {H_i∗(H_i−1)/2}$. 那么 ...

  3. 输入输出流和String的混合使用-替换信息

    ---恢复内容开始--- package demo; import java.io.BufferedReader; import java.io.BufferedWriter; import java ...

  4. Ubuntu 16.04下Shell脚本中使用数组提示:Syntax error: "(" unexpected

    说明:这种现象在CentOS中不会出现. 分析: 可以看出sh指向了dash 解决方式: 1.不要用sh执行,使用./test.sh执行.或者bash执行. 2.根治,直接修改sh的指向,改成bash ...

  5. RowState 介绍

    RowState 介绍 从不同位置载入 DataRow 后 RowState 的状态修改, 更改, 删除后的 DataRow.RowState 转化使用 AcceptChanges, RejectCh ...

  6. gin框架中间件解决跨域问题

    http://www.niu12.com/article/45// 初始化routerrouter := gin.New() router.Use(gin.Logger()) router.Use(g ...

  7. javascript快速入门26--XPath

    XPath 简介 XPath 是一门在 XML 文档中查找信息的语言.XPath 可用来在 XML 文档中对元素和属性进行遍历.XPath 是 W3C XSLT 标准的主要元素,并且 XQuery 和 ...

  8. 关于JS里的函数作用域链的总结

    在JavaScript中,函数的作用域链是一个很难理解的东西.这是因为JavaScript中函数的作用域链和其他语言比如C.C++中函数的作用域链相差甚远.本文详细解释了JavaScript中与函数的 ...

  9. mysql 将查询出来的某一字段组合成字符串

    select GROUP_CONCAT(id) as ids from yii_role_menu where roleId=1;

  10. [转载] 在Linux中,开机自动运行普通用户的脚本程序

    FROM:http://blog.csdn.net/sinboy/article/details/2466225 FROM:http://www.2cto.com/os/201006/50680.ht ...