神奇的Cordova — 利用H5進行APP開發
小編:管理員 662閱讀 2022.09.13

一直以來 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 + 關鍵字也可以找到很多很有用的插件。繼續保持學習吧。
相關推薦
- Cordova 什么是Cordova? Cordova是用于使用HTML,CSS和JS構建移動應用的平臺。我們可以認為Cordova是一個容器,用于將我們的網絡應用程序與本機移動功能連接。默認情況下,Web應用程序不能使用本機移動功能。這就是Cordova進來的地方。它為網絡應用和移動設備之間的連…
- 3DMAX提示和技巧 本主題標識使用 Civil View 的一些重要提示和技巧。常規使用屏幕分辨率至少為 1280x1024 的 Civil View。低于此分辨率時,一些面板將占用過多屏幕空間。 將視口設置為線框顯示以達到最佳性能。 要盡可能簡化用戶界面,請在單個視口中工作并關閉 3ds Max 命令面…