.準(zhǔn)備工作
1. jdk安裝狮含,配置jdk環(huán)境變量
2. sdk安裝,配置adb環(huán)境變量
3. node.js環(huán)境搭建
4. 命令行 :npm install -g cordova (時(shí)間較長(zhǎng),需要耐心等候)
創(chuàng)建一個(gè)項(xiàng)目
命令行:cordova create 參數(shù)1 參數(shù)2 參數(shù)3
? 例子:cordova create cordovaProject com.gomehigo.wap Layout
? 項(xiàng)目成功建立后,目錄結(jié)構(gòu)如下圖所示:
為這個(gè)項(xiàng)目添加平臺(tái) 這里添加android為例子
命令行:cordova platform add android
添加平臺(tái)成功后,目錄結(jié)構(gòu)如下圖所示:
添加自定義插件
我的文章中有 cordova自定義插件 詳細(xì)描述震檩,在這里我就不重復(fù)了。
命令行:cordova plugin add E:\plugin\HelloPlugin
我們可以看見項(xiàng)目中存在這個(gè)插件了系任,下圖所示:
調(diào)用插件
1. 入口文件index.html頁面添加div和按鈕
2. 對(duì)應(yīng)入口文件index.js 寫了一個(gè)點(diǎn)擊事件 調(diào)用自定義插件啦
連接上安卓手機(jī)恳蹲,調(diào)成開發(fā)者模式虐块,命令行:cordova run
可以看看效果哦?
注意啦:如果自定義插件中對(duì)應(yīng)的安卓代碼修改了俩滥,需要?jiǎng)h除插件,然后重新添加哦
語法:cordova plugin remove 插件的plugin_id
看到這里 如果有想深究怎么聯(lián)合調(diào)用android代碼的 可以關(guān)注我另一篇文章 《cordova 配置文件詳解》在這里會(huì)詳細(xì)講解配置文件