iOS使用Objective-c自定義cordova插件（－）

 

本系列教程爲博主初次使用開發,內容若有差錯,歡迎指正,敬請諒解。 

博客地址:http://blog.img421.com/iosshi-yong-object-czi-ding-yi-cordovacha-jian/

   Mac安裝ionic和cordova咱們已經熟悉,如今使用`ionic`來建立`HTML5`使用`iOS原生框架`等內容的插件。  

  說明：圖中的cordova 請自動切換爲ionic使用

1.  建立項目

打開終端,切換到桌面,而後使用`ionic`建立一個測試項目,命名CountTest.

cd ./Desktop/

sudo ionic start CountDemo    

 或   

   //使用cordova ,可是後期cordova不知道怎麼引導ionic中,若是你知道請留言告訴我,感謝！        sudo cordova create CountDemo com.twenty.CountDemo CountDemo

1: 項目建立到桌面的目錄名,

2: iOS Bundle Identifier的名稱,

3: 項目名若捨去2,3步驟,iOS Bundle ID會自行建立,3中項目名爲默認1中的目錄名。

咱們建立的項目沒有可寫權限只有可讀權限,由於修改CountTest權限爲可讀可寫可執行。

由此能夠修改CountTest文件及子文件。

2.  編譯iOS項目工程

經過使用`ionic`編譯出`iOS項目結構`的目錄平臺。命令以下:

//添加iOS項目的平臺

sudo ionic platform add ios    

或 sudo  cordova platform add ios 

下圖輸出則添加成功

 

等待幾分鐘

//編譯iOS項目

sudo ionic build ios   

或  sudo cordova build ios

 

如上圖`** BUILD SUCCEEDED **`成功之後,能夠看到文件中`platform`添加一個iOS平臺文件夾。

使用蘋果官方開發工具`Xcode`打開,若是沒有權限使用命令修改權限:

 

sudo chmod -R 777 .

`. 表明當前文件夾` ,

打開後結構以下

咱們自定義的插件都在`Plugins`文件夾下.

3. 插件開發

建立一個`CountAdd`對象,繼承`CDVPlugin`對象.

ps:`CDVPlugin`即爲cordova庫的鏈接對象。

`Command + B` 編譯Xcode,程序報錯`'Cordova/Cordova.h' file not found`

經過查看`CordovaLib`庫文件內容,此庫內容中頭文件`CDV.h`包涵所有的類頭文件,所以修改以下:

再次編譯成功.

在CountAdd.h文件中,聲明一個方法:計算大小.`CDVInvokedUrlCommand ＊`對象爲調用URL命令的時候自動傳遞的參數。在`CountAdd.m`中實現此方法。

 

在`CountAdd.m`中,咱們添加以下代碼:

1: 獲取到調用的命令的惟一ID;

2:獲得傳過來的數組的第一個索引值;(後續詳細解釋)

3:給獲得的數+1;

5:經過判斷給插件的結果設置狀態,成功狀態 message 所傳遞的值, 失敗狀態 message 所傳遞的值;

6:經過調用代理髮送插件的結果給對應的ID

4. 配置

經過使用WebStorm來打開所建立的`CountDemo`項目,在項目中的`Plugins`文件夾中咱們建立一個本身的插件目錄`com.twenty.CountTest`,結構以下:

 

ios:存放Xcode剛纔所建立的CountAdd類,

www: 存放調用的和CountAdd 所調用的js文件

plugin.xml :配置iOS 和 cordova 的內容.拷貝`OC的類`到`ios文件夾`目錄下,`www`目錄下建立一個與`oc類名同樣`的js文件

 

`plugin.xml`文件內容以下圖:

 

方框內的name要一致,名字隨意;

圓形內的值要與OC中繼承CDVPlugin類的類名一致;

橫線部分名稱要與js名稱一致