Cordova入門(mén)

Cordova是什么?

特性

使用HTML, CSS & JS進(jìn)行移動(dòng)App開(kāi)發(fā)
多平臺(tái)共用一套代碼

簡(jiǎn)單點(diǎn)理解,Cordova是一個(gè)工具,通過(guò)它可以將你做的html網(wǎng)頁(yè)顯示在WebView里面,而你網(wǎng)頁(yè)中用到的JS可以通過(guò)他的API去調(diào)用原生的東西,比如照相機(jī)等。

安裝Cordova

1.安裝node.js和npm
2.使用npm安裝cordova

npm install -g cordova

創(chuàng)建項(xiàng)目

創(chuàng)建cordova項(xiàng)目

cordova create helloCordova

創(chuàng)建出來(lái)的目錄如下圖


目錄

添加平臺(tái)

先進(jìn)入helloCordova目錄,添加android/ios平臺(tái)

cordova platform add android
cordova platform add ios

成功后,在cordova工程中的platforms文件夾中生成對(duì)應(yīng)平臺(tái)的工程文件。

android

添加插件

cordova通過(guò)瀏覽器(例如android的webview)暴露原生API接口給Javascript調(diào)用,例如修改啟動(dòng)頁(yè)圖片,修改狀態(tài)欄,獲取設(shè)備信息等等

cordova官方提供的一些插件: Cordova插件匯總

以獲取設(shè)備信息插件為例,添加插件

cordova plugin add cordova-plugin-device

當(dāng)官方提供的插件無(wú)法滿(mǎn)足你的需要,你又會(huì)android代碼時(shí)可以制作自定義插件,具體可以查看有道云里的《CTP android 與 js 交互文檔》

打包APP

指定打包平臺(tái),需要配置對(duì)應(yīng)平臺(tái)的環(huán)境變量

cordova build android

在android目錄下看到生成的apk


apk
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,040評(píng)論 25 709
  • 上一章我們介紹了cordova android項(xiàng)目是如何運(yùn)行的,這一章我們介紹cordova的核心內(nèi)容,插件的調(diào)用...
    75e07f05c8c4閱讀 1,198評(píng)論 0 0
  • ## phonegap前期準(zhǔn)備 整理文本格式版(內(nèi)容是一樣的)整理格式版補(bǔ)充圖片內(nèi)容 1. node.js安裝 1...
    匯集閱讀 3,752評(píng)論 1 2
  • ??由于公司業(yè)務(wù)發(fā)展需求,最近都在研究混合式開(kāi)發(fā)APP,項(xiàng)目采用的Apache的Cordova框架,這篇文章就是所...
    samychen閱讀 1,698評(píng)論 1 0
  • 出現(xiàn)了這種拉伸的情況 ![D5)CNFF)4F0Q)0R`L]SQE.png](http://upload-ima...
    羅斯基閱讀 1,953評(píng)論 0 0

友情鏈接更多精彩內(nèi)容