神奇的Cordova — 利用H5進行APP開發

一直以來 app 的開發都分為 android 版本和 ios 版本,同一款 app 需要寫兩種版本，版本有差異不說，耗費的成本加成。 cordova 的出現就是一股清流，它能實現將 h5 頁面打包成 android 或 ios 版本，實現了 android、ios、pc 端頁面的統一。 內容都用 h5 書寫，差異性和成本都下降了。它所支持的各種開源插件也能輕松實現對手機眾多接口的調用，功能性上沒有問題。

操作需要掌握一定 NodeJs

Cordova 的安裝：

1. 下載 jdk，安裝 JAVA 環境，配置系統環境。網上都有教程

2. 打開 cmd 命令行，運行

npm install -g cordova

全局安裝 cordova。

3. 測試是否安裝好了 cordova，繼續在命令行里輸入

cordova -v

檢查 cordova 版本號，如果有版本信息則說明已成功安裝 cordova。

4. 新建 cordova 項目

cordova create folderName

5. 進入新建 cordova 項目的文件夾

cd folderName

6. 新建 android 項目

cordova platform add android

7. 新建 ios 項目

cordova platform add ios

8. folderName 目錄下有一個 www 文件夾，里面放自己項目里的 html、js、css、image 文件。將代碼包成 apk 文件 cordova build

9. 數據線將手機連接至電腦，手機打開 USB 調試模式。輸入命令

cordova run android --service

可在手機上安裝安卓程序包，進行項目預覽和調試。

cordova 的功能不止于此，官網有更詳細的介紹，打開cordova 官網。官網附有調用手機功能或其他功能的插件。github 上搜索 cordova + 關鍵字也可以找到很多很有用的插件。繼續保持學習吧。