cordova項目中調(diào)用iOS原生插件的步驟

隨著項目的發(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文件下就可以了。

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

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

  • 隨著混合開發(fā)越來越受廣大開發(fā)者的喜愛,由于上家公司的需求,有幸接觸ionic3(之前一直是iOS開發(fā)),半...
    wang1992閱讀 2,204評論 5 1
  • 導(dǎo)語 Apache Cordova是一個開源的移動開發(fā)框架。允許你用標準的web技術(shù)-HTML5,CSS3和Jav...
    ApolloGuibo閱讀 4,545評論 2 9
  • 上一篇是介紹如何創(chuàng)建ionic工程,雖然工程本身帶有一些插件,但遠遠不夠滿足我們的需求的,所以我們要制作專屬插件來...
    zhengelababy閱讀 942評論 0 1
  • 微信是一個好東西,省去了與客戶約著見面花在路上的時間。但是溝通起來呢,多少有些不夠生動。所以在吸引力本來就相對小一...
    蘭心_xiang閱讀 241評論 1 1
  • 網(wǎng)上關(guān)于熊貓的有趣段子非常多,但萬變不離其宗,大家的關(guān)注點總離不開一個萌字,看遍整個地球,明明武力值爆表,咬合力、...
    王家人寧閱讀 394評論 0 0

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