隨著項目的發(fā)展,越來越多的項目都是用webAPP的形式實現(xiàn)的,但在其中難免需要用到原生插件,我們拿cordova來舉例:
一、創(chuàng)建ionic項目
1.安裝node.js npm?
1.1打開終端,逐步輸入一下命令行,來查看是否安裝node.js 和 npm
$ npm -v
$ node -v
如果npm或者node可能并非最新版本或者沒有安裝,可以到nodejs官網(wǎng)下載最新版本.
當然也可以通過git命令行下載(不建議,太慢了)
下載完成后,在終端上重新執(zhí)行以上兩行命令。
2.安裝ionic和cordova包
2.1終端輸入一下命令行:
$ sudo cnpm install -g cordova ionic
ps:等待時間較長,耐心等候

2.2安裝成功后,終端中輸入一下命令行查看報內(nèi)容:
$ ionic info

**ps:不安裝的情況下就是不能在此環(huán)境下編譯等,但是對于瀏覽器運行無影響.**
`ios-sim`代表模擬器運行環(huán)境,
`ios-deploy`代表真機運行環(huán)境。
按照提示安裝

我只裝了模擬器運行環(huán)境。
3、創(chuàng)建ionic項目
終端運行
$ cd ./Desktop ?//進入桌面
$ sudo ionic start testDemo blank
漫長的等待。。。
完成后,我們會在桌面上看見一個testDemo文件,該文件的目錄構(gòu)成如下

添加iOS平臺
$ ionic platform add ios (可能會需要sudo)
獲得該文件的操作權(quán)
$sudo chmod -R 777 . ?(包括句號,不要漏掉了)
ionic build ios
ionic emulate ios? //模擬器運行
至此,ionic項目創(chuàng)建完畢。
關(guān)掉終端。
二、創(chuàng)建iOS原生插件
安裝plugman
$ sudo?npm install -g plugman
創(chuàng)建插件
$ cd desktop
plugman create --name <pluginname> --plugin_id <pluginid> --plugin_version?0.0.1。
例如:
$ sudo plugman create --name testDemoPlugin --plugin_id com.plugin.testDemoPlugin?--plugin_version?0.0.1
添加ios平臺
$ cd?testDemoPlugin
$ sudo plugman platform add --platform_name ios
$sudo plugman createpackagejson (插件路徑) //給插件添加package.json文件
$ sudo chmod -R 777 .//獲得該插件的操作權(quán)限。
此時再看,src文件夾里面增加了iOS文件。

四、給cordova項目添加插件
回到上面建立的cordova項目中
$ cd?testDemo
$ sudo ionic cordova plugin add?Users/zhangxu/Desktop/testDemoPlugin(你創(chuàng)建的插件的路徑)
完成之后,就將你創(chuàng)建的那個自定義插件添加到了該項目中
-------------------------------------------------------------
第四步完成之后,許多同學可能會納悶,到現(xiàn)在了,怎么還沒用到原生的代碼呢,并且,創(chuàng)建的兩個不知道是什么的東東后,里面的iOS模塊都是自己生成的,根本就沒有我們自己寫的代碼的蹤影。
不要急,往下看
我們只需將寫好的iOS原生代碼全部移植到插件的src/ios文件下就可以了。