基於Win10、Cordova9.0.0的Android開發環境配置

時隔數年,重裝系統,開發環境又得重新配,又用3天把環境搭建完畢。小結備忘下,僅供大家參考。

一、java環境的安裝配置

首先下載一些安裝包:

java環境的JDK-1.8.0:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html?utm_source=androiddevtools&utm_medium=website

二、Android開發軟件的安裝配置

ADT Bundle包含了Eclipse、ADT插件和SDK Tools,是已經集成好的IDE,只需安裝好Jdk即可開始開發,推薦初學者下載ADT Bundle,不用再折騰開發環境。

1、Android下載 (此安裝包含有Eclipse的開發平臺):http://tools.android-studio.org/index.php

選擇 ADT Bundle 23.0.2 win32版本。

2、AndroidSDK(android-28)、build-tools、platform-tools下載:

如果想要最新的工具包(build-tools、platform-tools等),可以先下載安裝Android-studio(https://developer.android.com/studio),然後將其文件夾Sdk拷貝過來,這就是最新的工具包了,但是仍然需要下載platform:android-28,不然build會報錯。這裏需要使用之前文件夾裏的SDK Manager.exe和tools文件夾一併拷貝過來,放到Sdk文件夾裏。

3、gradle打包工具的下載

https://gradle.org/

$gradle -v

Picked up _JAVA_OPTIONS: -Xmx1G
Welcome to Gradle 6.3!
Here are the highlights of this release:
 - Java 14 support
 - Improved error messages for unexpected failures
For more details see https://docs.gradle.org/6.3/release-notes.html
------------------------------------------------------------
Gradle 6.3
------------------------------------------------------------
Build time:   2020-03-24 19:52:07 UTC
Revision:     bacd40b727b0130eeac8855ae3f9fd9a0b207c60
Kotlin:       1.3.70
Groovy:       2.5.10
Ant:          Apache Ant(TM) version 1.10.7 compiled on September 1 2019
JVM:          1.8.0_181 (Oracle Corporation 25.181-b13)
OS:           Windows Server 2012 R2 6.3 x86

我當時最新是6.3版本,如果用4.9的話,Cordova新建工程時會下載能支持的版本。

4、Cordova下載:

Nodejs官網https://nodejs.org/en/下載windows版本,我選的是最新版本,安裝後進入命令行模式

$node -v
v12.16.2
$npm -v
6.14.4
$npm install -g cordova
$cordova -v
9.0.0([email protected]


【如果想下載加速】:npm install -g cordova --registry https://registry.npm.taobao.org

實際上現在已不用加速,安裝速度能接受。

安裝環境配置完成後,運行

$ cordova requirements
Requirements check results for android:
Java JDK: installed 1.8.0
Android SDK: installed true
Android target: installed android-29,android-28
Gradle: installed F:\tools\gradle-6.3\bin\gradle

真機調試需要安裝相應的手機USB驅動程序。

$ adb devices   //列出設備,F:\tools\Sdk\platform-tools\bin要加入path
$ cordova run android   //apk被安裝到手機上。

三、path的配置

GRADLE_HOME=D:\tools\Java\apache-ant-1.10.5
JAVA_HOME=D:\tools\Java\jdk1.8.0_181  
ANDROID_HOME=D:\tools\android-sdk
ANDROID_SDK_ROOT=D:\tools\android-sdk    
CLASSPATH=.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
_JAVA_OPTIONS=-Xmx1G //不設置這個無法創建工程

path:

F:\tools\Git\cmd;
F:\tools\nodejs\;
%JAVA_HOME%\bin;
%JAVA_HOME%\jre\bin;
F:\tools\gradle-6.3\bin;


四、Cordova工程的新建

【創建Android工程】:

cordova create com.company.test test
cd test
cordova platform add android
cordova run android

www文件夾下,修改文件即可,自寫亦可,比如:

<html>
<head>
<title>HellowWOrld</title>
</head>
<body>
<p>HelloWorld</p>
</body>
</html>

五、播放視頻   

 <body>
        <script type="text/javascript">
        function playvideo() {
            VideoPlayer.play("file:///android_asset/www/movie.mp4");
        }
        </script>
        <div class="app">
            <h1>Apache Cordova</h1>
            <div id="deviceready" class="blink">
                <p class="event listening">Connecting to Device</p>
                <p class="event received">Device is Ready</p>
            </div>
            <button οnclick="playvideo();">點擊播放</button>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </body>

六、模板的使用(待續)

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章