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

  1. H5程序员如何利用cordova开发跨平台应用

    什么是Cordova? Cordova以前也叫PhoneGap,它提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等.Cordova还 ...

  2. Apache Cordova开发Android应用程序——番外篇

    很多天之前就安装了visual studio community 2015,今天闲着么事想试一下Apache Cordova,用它来开发跨平台App.在这之前需要配置N多东西,这里找到了一篇MS官方文 ...

  3. Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App

    安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneG ...

  4. VS2015 Update2中有关cordova和xamarin安装的问题

    最近VS2015出了Update2,当然是第一时间进行了安装,中间过程曲折,反复安装卸载n次,也算是获得了一定的安装经验值.现在说一下经常出的问题. Update2里最吸引人的当然是跨平台开发的部分, ...

  5. Appium环境搭建+cordova

    1.安装JDK 配置JAVA_HOME(变量值为jdk的安装目录)以及Path path值如下: 验证是否生效 2.安装node.js 选择适合自己的版本官网直接下载https://nodejs.or ...

  6. Cordova应用程序修改启动画面或者Icon

    1)  制作启动画面图片或icon ionic resources //同时生成icon和splash ionic resources --icon //只生成icon ionic resources ...

  7. HTML5学习总结-番外04 Cordova/PhoneGap

    一 PhoneGap 1 PhoneGap简绍 http://www.cnblogs.com/JustRun1983/p/3819433.html 2 环境安装 http://cordova.apac ...

  8. Mac下安装ionic和cordova,并生成iOS项目

    为了开发HTML5,除了最新使用React Native等之外,目前首选的为稳定的ionic+Angularjs来开发iOS和android. Ionic(ionicframework一款接近原生的H ...

  9. 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

    目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...

  10. Cordova环境搭建 & HelloWorld

    目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...

随机推荐

  1. mysql 表关联查询报错 ERROR 1267 (HY000)

    解决翻案:http://stackoverflow.com/questions/1008287/illegal-mix-of-collations-mysql-error 即: SET collati ...

  2. ext 对齐

    layout : { type : 'hbox', pack : 'end' } buttonAlign:'center', //按钮居中   pack : String Controls how t ...

  3. Centos安装firefox/chrome

    centos安装chrome:去官网下载chrome安装包(xxx.rpm),带软件安装工具的系统双击该xxx.rpm就能自动安装,或者sudo rpm -i xxx.rpm安装. centos卸载自 ...

  4. Intellij IDEA + Jrebel

    Jrebel java热部署神器! 如果你没用过这里一句白话说明,就是在修改了class等源文件后无需重启web容器(如Tomcat)直接生效! 找到以后 安装... 然后 激活地址 :http:// ...

  5. POJ 1426

    http://poj.org/problem?id=1426 一道广搜的题目. 题意就是给你一个n,要你求出n的倍数中,只存在0和1的那个数字 所谓的只存在0和1,那么就是某个数的十倍或者十倍+1,而 ...

  6. poj 1700

    http://poj.org/problem?id=1700 题目大意就是一条船,有N个人需要过河,求N个人最短过河的时间 #include <stdio.h> int main() { ...

  7. C++构造函数初始化顺序

    [本文链接] http://www.cnblogs.com/hellogiser/p/constructor-order.html 1.构造函数.析构函数与拷贝构造函数介绍 构造函数 构造函数不能有返 ...

  8. git diff获取差异文件中文乱码的解决办法

    通过git的diff命令对两个commit id的版本进行差异化的对比.中文文件时出现乱码. git diff 6bded8d0c1fe1746c122121217dc0c88667091089 a9 ...

  9. 【转载】通过JDBC对MySQL数据库的增删改查

    通过JDBC进行简单的增删改查(以MySQL为例) 目录 前言:什么是JDBC 一.准备工作(一):MySQL安装配置和基础学习 二.准备工作(二):下载数据库对应的jar包并导入 三.JDBC基本操 ...

  10. ios中的addChildViewController 和 android中的fragment

    刚才突然感觉这2个东西的功能特别像,记录一下,待研究!