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>