cordvaパッケージvueプロジェクト-ミックスアプリは入門からリリースまでです.

4529 ワード
APP
環境のインストール
  • Node.js(ここでは紹介しません)
  • Java
  • Android SDK
  • Grade
    • Java
    Cordovaの環境要求により、必ずJDK 8をインストールしてください.もしJDK 8ではないなら、Cordovaは包装過程でJavaバージョンの違いを報告します.
    環境変数を設定し、システム変数にJAVA＿uを追加します.HOMEの変数[外部チェーン画像の転送に失敗しました.ソースステーションは盗難防止チェーン機構があるかもしれません.画像を保存して直接アップロードすることをお勧めします.(img-eifClizL 4-158710715419).https://s2.ax1x.com/2019/10/11/uHDQZ8.png)
    PATHにbinディレクトリを追加しました.ソースステーションは盗難防止チェーン機構があるかもしれません.写真を保存して直接アップロードすることをお勧めします.https://s2.ax1x.com/2019/10/11/uHrghQ.png)
    コマンドラインにjavaコマンドを入力すると、以下の内容が見られます.Javaのインストールが成功しました.ソースステーションは盗難防止チェーン機構があるかもしれません.画像を保存して直接アップロードすることをお勧めします.https://s2.ax1x.com/2019/10/11/uHrzB6.png)
    Android SDK
    Android SDKはAndroid Studioに統合されており、Android Studioをダウンロードすれば対応するSDKがダウンロードできます.
    Android Studioをダウンロードした後、settingで対応するSDKをダウンロードすることを管理します.ここに10.0バージョンと9.0バージョンをインストールしました.https://s2.ax1x.com/2019/10/11/uH6xun.png)
    AVD ManageにAndroid仮想デバイスを追加しました.ソースステーションは盗難防止チェーン機構があるかもしれません.写真を保存して直接アップロードすることをお勧めします.https://s2.ax1x.com/2019/10/11/uHgCqI.png)
    アクションの緑色の矢印をクリックして、Android仮想デバイスを起動し、次のようなデバイスインターフェースが現れました.成功を説明しました.ソースステーションは盗難防止チェーン機構があるかもしれません.写真を保存して直接アップロードすることを提案します.https://s2.ax1x.com/2019/10/11/uHgfeI.png)
    Grade
    GraadleはApache AntとApache Mavenの概念に基づくプロジェクト自動化構築のためのオープンソースツールです.
    Gradeのbinary-onlyパッケージをダウンロードします.このサイトは会社によってブロックされていますので、ダウンロードできない場合は、自分で自分の携帯電話Wi-Fiに接続してダウンロードしてください.
    Graadleをシステムに追加する環境変数[外部チェーン画像の転送に失敗しました.ソースステーションは防犯チェーン機構があるかもしれません.画像を保存して直接アップロードすることをお勧めします.(img-kMTPNKT-187105461).https://s2.ax1x.com/2019/10/11/uHflX4.png)
    コマンドラインでgradleコマンドを実行して、以下の内容があったら、構成成功を説明します.ソース局は盗難防止チェーン機構があるかもしれません.画像を保存して直接アップロードすることをお勧めします.https://s2.ax1x.com/2019/10/11/uHfg4P.png)
    プロジェクトを作成npmを使用してグローバルにCordovaをインストールします.
    npm i -g cordova
    Cordovaプロジェクトフォルダを作成します.
    mkdir cordova-project

cd cordova-project
cordova create cordova-app #    cordova
    このとき使用できます
    cd cordova-app
cordova requirements
    現在のcordvaプロジェクトの環境が構築条件を満たしているかどうかを確認します.すべて満足すれば、以下の結果が見られます.ソースステーションは盗難防止チェーン機構があるかもしれません.画像を保存して直接アップロードすることを提案します.https://s2.ax1x.com/2019/10/11/ubiGtI.png)
    アプリケーションを構築
    cordova platform add android #     

cordova build android #    android
    構築の過程で、ネットワークエラーが発生した場合、Gradeはダウンロードに関する依存性がありますが、Gradeのダウンロードサイトは会社によって遮断されていますので、自分で携帯電話Wi-Fiに接続して、buildコマンドを再実行してください.
    パッケージが完成したら、以下のディレクトリからAndroidアプリのインストールパッケージが見つかります.
    ...\cordova-project\cordova-app\platforms\android\app\build\outputs\apk\debug\app-debug.apk
    appk Androidの仮想デバイスに直接ドラッグしてインストールとプレビューのプロジェクトを行うことができます.例えば、次の図のような「外部チェーン画像の転送に失敗しました.ソースステーションは盗難防止チェーンのメカニズムがあります.画像を保存して直接アップロードすることをお勧めします.(img-AczUAwM-1587105471)」(https://s2.ax1x.com/2019/10/11/ub9plD.png)
    Vueプロジェクトを作成
    cordva-projectフォルダのルートディレクトリの下で、Vueプロジェクトを作成します.
    vue create vue-mobile-project

#  

#           sweet-ui-mobile-pro   
# sweet-ui-mobile-pro        Vue Mobile demo
#     ：https://gitlab.geely.com/C-SWEET-FRONTEND/sweet-ui-mobile-pro
#        git clone         
git clone https://gitlab.geely.com/C-SWEET-FRONTEND/sweet-ui-mobile-pro.git
    vue.config.jsファイルを修正し(vue.config.jsファイルがない場合、Vueプロジェクトのルートディレクトリの下で作成)、設定を書き込みます.
    module.exports = {
  publicPath: './', //           URL。           ，      APP     ，          
  outputDir: '../cordova-app/www', //           cordova-app   www    
};
    Vueプロジェクトを構築する
    npm run build
    Cordovaプロジェクトのエントリ構築
    #    cordova-app   
cordova build android
    パッケージを再インストールした後のアプリはAnnroid仮想マシンでインストールとプレビューを行います.以下の図のように、ソースステーションは盗難防止チェーン機構があるかもしれません.写真を保存して直接アップロードすることを提案します.https://s2.ax1x.com/2019/10/11/ubCzse.png)
    releaseパケットを構築するには、–releaseパラメータが必要です.
    cordova build android --release
    releaseパッケージを初めて構築します.Cordovaはダウンロードに関連しています.社内でダウンロードが失敗してしまいます.自分の携帯電話Wi-Fiにリンクしてダウンロードしてください.
    JavaScript深さコピーの実現方法