cordova入門

cordovaから入門
主に公式サイトから来て、後で1つの簡単なDeviceInfoプロジェクトで1つの完全な流れを歩きます.
私も菜鸟で、ちょうど学习を始めて、问题の地方は指导してもらいます.

refer関連

install取付

get start最初のプロジェクト

最初のステップ作成エンジニアリング

第2ステップ追加プラットフォーム

第三部運行工事

commandコマンド

実用的なプロジェクト

create作成

二platform追加プラットフォーム

3 requirements依存

を表示

四plugin追加プラグイン

五modify修正

六run運転

refer相関

cordova公式サイト

インストール
まずNode.jsをインストール必要があり、npmコマンドが使用可能である.npm install -g cordova
get start最初のプロジェクト
ステップ1.プロジェクトの作成
フォーマット===>cordova create <path>cordova create hellocordova hellocordovaというプロジェクトが作成されました
ステップ2.プラットフォームの追加
フォーマット===>cordova platform add <platform name>cordova platform add browser browserブラウザプラットフォームの追加
第三部.運行工事
フォーマット===>cordova run <platform name>cordova run browser browserブラウザプラットフォームの実行
commandコマンド
コマンドライン入力cordovaは、次の情報を出力します.

Synopsis(  )

    cordova command [options]

Global Commands(    )

    create ............................. Create a project(    )
    help ............................... Get help for a command(    )

Project Commands(    )

    info ............................... Generate project information(      )
    requirements ....................... Checks and print out all the requirements
                                            for platforms specified(      )

    platform ........................... Manage project platforms(    )
    plugin ............................. Manage project plugins(    )

    prepare ............................ Copy files into platform(s) for building(        )
    compile ............................ Build platform(s)(    )
    clean .............................. Cleanup project from build artifacts(  )

    run ................................ Run project(    )
                                            (including prepare && compile)
    serve .............................. Run project with a local webserver(  web        )
                                            (including prepare)

aliases(  ):
    build -> cordova prepare && cordova compile(       )
    emulate -> cordova run --emulator(     )

Command-line Flags/Options(     )

    -v, --version ...................... prints out this utility's version(   )
    -d, --verbose ...................... debug mode produces verbose log output for all activity(    ),
                                         including output of sub-commands cordova invokes
    --no-update-notifier ............... disables check for CLI updates(   cli  )
    --nohooks .......................... suppress executing hooks
                                            (taking RegExp hook patterns as parameters)

実用的なプロジェクト
上のstartのプロジェクトは何の役にも立たないので、下に少し役に立ちます.完全な流れを歩いてください.
一.create作成

cordova create DeviceInfo

二.platform追加プラットフォーム
すべて追加する必要はなく、自分の必要なものを追加することができます.

iOSアップル

androidアンドロイド

browserブラウザ

cordova platform add ios
cordova platform add android
cordova platform add browser

三.requirements依存関係の表示

cordova requirements

何か依存してインストールされていない場合は、先にインストールします.
四.pluginプラグインの追加
このプロジェクトはcordoba-plugin-deviceというプラグインを使います.

cordova plugin add cordova-plugin-device

私はmacコンピュータにアンドロイドプラットフォームをインストールしたとき、以下の問題に遭遇しました.ここで解決方法を記録します.
質問は以下の通りです.httpsとかが原因のようです.

* What went wrong:
A problem occurred configuring root project 'android'.
> Could not resolve all dependencies for configuration ':classpath'.
   > Could not resolve com.android.tools.build:gradle:1.5.0.
     Required by:
         :android:unspecified
      > Could not GET 'https://repo1.maven.org/maven2/com/android/tools/build/gradle/1.5.0/gradle-1.5.0.pom'.
         > peer not authenticated

解決策は以下の通りである.
修正gradeのmavenCentralはhttpに修正する.
変更するファイル:

/platforms/build.gradle

/platforms/CordovaLib/build.gradle

具体的には.
変更前:

mavenCentral()

変更後:

//mavenCentral()
maven {
    url "http://repo1.maven.org/maven2"
}

問題解決のためのリンク:

Gradle peer not authenticated

Gradle can’t connect to maven repo through corporate proxy - need to configure through Sencha/Cordova

五.modify修正
修正が必要な箇所は多くありません.1つのファイルindex.jsです.receivedEventの関数を修正する内容は以下のとおりである.

        var parentElement = document.getElementById(id);
        var listeningElement = parentElement.querySelector('.listening');
        var receivedElement = parentElement.querySelector('.received');

        listeningElement.setAttribute('style', 'display:none;');
        receivedElement.setAttribute('style', 'display:block;');

        var deviceInfo = '';

        deviceInfo += "<p>device.cordova = " + device.cordova + "</p>";
        deviceInfo += "<p>device.model = " + device.model + "</p>";
        deviceInfo += "<p>device.platform = " + device.platform + "</p>";
        deviceInfo += "<p>device.uuid = " + device.uuid + "</p>";
        deviceInfo += "<p>device.version = " + device.version + "</p>";
        deviceInfo += "<p>device.manufacturer = " + device.manufacturer + "</p>";
        deviceInfo += "<p>device.isVirtual = " + device.isVirtual + "</p>";
        deviceInfo += "<p>device.serial = " + device.serial + "</p>";

        receivedElement.innerHTML = deviceInfo;

        console.log('Received Event: ' + id);

六.run運転
browser

cordova run browser

ios

cordova run ios

android

cordova run android