cordova
cordova
1.安装 nodejs => node -v
2.安装 npm install -g cordova => cordova -v
3.安装 jdk
环境变量：（系统变量）
新建JAVA_HOME =》 E:\Java\jdk1.7.0
Path =》 ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
新建CLASSPATH .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
java -version
C:\Users\Administrator\AppData\Local\Android\android-sdk
3.0需要的是android-17（Android 4.2.2）
3.1和3.2需要android-18（Android 4.3）
3.3、3.4、3.5需要android-19（Android 4.4.2）（同时ant1.8+）
npm install -g cordova@3.3.1-0.3.1
try
1.安装 npm install -g cordova@3.5.0-0.2.7
2. 下载解压 adt
ANDROID_HOME ：D:\adt\sdk
path ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
在DOS命令行窗口输入“adb”，
3.下载解压 ant
ANT_HOME ： D:\apache-ant-1.9.7
path：%ANT_HOME%\bin;
CLASSPATH：%ANT_HOME%\lib
4.创建第一个phonegap/cordova 项目
创建cordova项目，第一个demo是目录，第二个是应用包名，第三个参数是应用名称
cordova create demo com.baidu.demo demo
工程创建完后添加android支持
Cordova platform add android
第一次创建项目需要联网下载模板，可能需要点时间，等待完成后输入编译命令
Cordova run android
如果android手机连接到了电脑，应用会被安装到手机，可以在手机上查看效果了，如果手机未连接到电脑或者未正常驱动，则可以单独编译然后手动安装
Cordova build android
Build后apk会产生，放在项目的platform/android/builds/下面
ionic
npm install -g ionic@1.7.16 // 现在出2.0了
ionic -v 1.7.16
cordova -v 3.5.0-0.2.7
ionic start app #13分钟
cd app
ionic platform add android #success
ionic run android
注意：当项目换电脑时，adt ant要安装在同个路径，已经安装的app要删除
Toast插件安装
下载安装包
cmd到cordova目录
cordova plugin add xx #目录名称
D:\0805\demo\platforms\android\src\nl\xservices\plugins\Toast.java
注释掉第134-136行代码
Toast 纯js版本
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
window.toast = function(msg) {
duration = 1000 ;
var m = document.createElement('div');
m.innerHTML = msg;
m.style.cssText = "width:60%; min-width:150px; background:#000; font-size:14px;opacity:0.5; color:#fff; line-height:24px;padding:5px 0; text-align:center; border-radius:5px; position:fixed; top:45%; left:20%; z-index:999999;";
document.body.appendChild(m);
setTimeout(function() {
var d = 0.5;
m.style.webkitTransition = '-webkit-transform ' + d
+ 's ease-in, opacity ' + d + 's ease-in';
m.style.opacity = '0';
setTimeout(function() {
document.body.removeChild(m)
}, d * 1000);
}, duration);
}
toast("xxx");
</script>
</body>
</html>
Toast.html
极光推送安装
1.上极光推送官网注册 AppKey 包名跟项目包名对应
2.先安装cordova-plugin-device ，再安装 jpush-phonegap-plugin-master
cordova plugin add jpush-phonegap-plugin-master --variable API_KEY=303474015e8e6fccab723e11
cordova run android&adb logcat -v time | find "chromium"
chrome://inspect/#devices
cordova的更多相关文章
- H5程序员如何利用cordova开发跨平台应用
什么是Cordova? Cordova以前也叫PhoneGap,它提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等.Cordova还 ...
- Apache Cordova开发Android应用程序——番外篇
很多天之前就安装了visual studio community 2015,今天闲着么事想试一下Apache Cordova,用它来开发跨平台App.在这之前需要配置N多东西,这里找到了一篇MS官方文 ...
- Win10 UWP开发系列：使用VS2015 Update2+ionic开发第一个Cordova App
安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneG ...
- VS2015 Update2中有关cordova和xamarin安装的问题
最近VS2015出了Update2,当然是第一时间进行了安装,中间过程曲折,反复安装卸载n次,也算是获得了一定的安装经验值.现在说一下经常出的问题. Update2里最吸引人的当然是跨平台开发的部分, ...
- Appium环境搭建+cordova
1.安装JDK 配置JAVA_HOME(变量值为jdk的安装目录)以及Path path值如下: 验证是否生效 2.安装node.js 选择适合自己的版本官网直接下载https://nodejs.or ...
- Cordova应用程序修改启动画面或者Icon
1) 制作启动画面图片或icon ionic resources //同时生成icon和splash ionic resources --icon //只生成icon ionic resources ...
- HTML5学习总结-番外04 Cordova/PhoneGap
一 PhoneGap 1 PhoneGap简绍 http://www.cnblogs.com/JustRun1983/p/3819433.html 2 环境安装 http://cordova.apac ...
- Mac下安装ionic和cordova,并生成iOS项目
为了开发HTML5,除了最新使用React Native等之外,目前首选的为稳定的ionic+Angularjs来开发iOS和android. Ionic(ionicframework一款接近原生的H ...
- 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo
目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...
- Cordova环境搭建 & HelloWorld
目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...
随机推荐
- iOS关于UILabel 基本属性 背景图片 背景色
[代码] iOS关于UILabel 基本属性 背景图片 背景色 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ...
- （转） Docker swarm - 使用体验 1+2
背景 凭借敏捷开发部署理念的推行,相信对于很多人来说docker这项容器技术已经并不陌生,Docker 1.12引擎发布了快两个月,新引擎中包含了许多特性.诸如: Swarm模式,容器集群的健康检查, ...
- 【leetcode】Insert Interval
Insert Interval Given a set of non-overlapping intervals, insert a new interval into the intervals ( ...
- hnu10104
AC自动机+DFS #include <cstdio> #include <queue> #include <cstring> using namespace st ...
- 8.nodejs权威指南--MongoDB
1. MongoDB var mongo = require('mongodb'); var host = '127.0.0.1'; var port = mongo.Connecton.DEFAUL ...
- pydev导入eclipse
编辑器:Python 自带的 IDLE 简单快捷, 学习Python或者编写小型软件的时候.非常有用. 编辑器: Eclipse + pydev插件 1. Eclipse是写JAVA的IDE, 这样就 ...
- hdu 1556.Color the ball 解题报告
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1556 题目意思:有 n 个气球从左到右排成一排,编号依次为1,2,3,...,n.给出 n 对 a, ...
- WCF重写ServiceHost，实现独立配置文件
有时我们需要将WCF的配置文件放在单独的配置文件中,而默认情况下WCF又是在web.config或app.config中去寻找服务配置.如果我们把配置文件放在另一个config文件中,如何让WCF知道 ...
- C#string类；math类；datetime类
String类: .Length字符的长度 .Trim()去掉开头以及结尾的空格 .TrimStart()去掉字符串开头的空格 .TrimEnd()去掉字符串后面的空格 .ToUpper()全 ...
- ListView之BaseAdapter的使用
话说开发用了各种Adapter之后感觉用的最舒服的还是BaseAdapter,尽管使用起来比其他适配器有些麻烦,但是使用它却能实现很多自己喜欢的列表布局,比如ListView.GridView.Gal ...