cordova

时间 2019-12-13

标签 cordova 栏目 Cordova 繁體版

原文原文链接

cordovacss

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
html

3.0须要的是android-17（Android 4.2.2）java

3.1和3.2须要android-18（Android 4.3）node

3.三、3.四、3.5须要android-19（Android 4.4.2）（同时ant1.8+）android

npm install -g cordova@3.3.1-0.3.1web

trychrome

1.安装 npm install -g cordova@3.5.0-0.2.7apache

2. 下载解压 adtnpm

ANDROID_HOME ：D:\adt\sdk
path ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
在DOS命令行窗口输入“adb”，app

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