cordova+vue 項目打包成Android(apk)應用 (上)

  前端一枚,最近使用vue開發webAPP。開發完成發佈應用商店是發現項目打包生成的apk沒有簽名,不能發佈應用商店,所以從新打包,踩過不少坑,在這裏給你們分享一下,就算是作一個記錄。前端

  首先準備開發環境:vue

     安裝node,npm:直接進入官網 https://nodejs.org/zh-cn/,下載最新版本安裝,按提示安裝便可。安裝完成以後在終端使用「node -v」檢查安裝是否成功。新版node.js繼承了npm,因此npm不須要安裝,終端使用「npm -v」檢測是否安裝,顯示版本號即爲安裝成功。node

    安裝cordova:android

    終端命令行輸入:npm install -g cordova     全局安裝cordova,安裝成功以後,使用命令 cordova -v 檢測安裝,顯示版本號即爲安裝成功。web

  以後新建cordova項目:apache

    終端命令行輸入:cordova create myApp org.apache.cordova.myApp myAppone ;用來新建cordova項目,初始cordova開發環境;npm

    完成以後 cd myApp 進入目錄;spa

 終端命令介紹:插件

    myApp:cordova目錄名;
    org.apache.cordova.myApp: 包名;
    myAppone: 項目名(在config.xml中查看);
命令行

  cordova項目目錄介紹:

    config.xml -包含應用相關信息,使用到的插件以及面向的平臺;

    platforms – 包含應用運行平臺如 Android 和 iOS 上對應的 Cordova 庫;

    plugins – 包含應用所需插件的 Cordova 庫,使得應用可以訪問例如照相機和電池狀態相關的事項。;

    www – 包含應用源代碼,例如 HTML, JavaScript 和 CSS 文件;

    hooks – 包含爲個性化應用編譯系統所需的腳本;

  最後生成Android平臺的cordova庫:

    終端命令行輸入:cordova platform add android;  這時platform文件夾中會生成一個android文件夾。

至今,cordova項目就建好了。

好了 這篇就說到這裏,下一篇咱們接着說,省得一次太長容易混淆。

相關文章
相關標籤/搜索