Cordova混合開發(fā)

現(xiàn)在app混合開發(fā)越來越多授帕,方便,快捷浮梢。對于一點小的修改就需要提交到App Store進行審核跛十,還要經(jīng)歷難熬的等待,還不一定給你審核通過秕硝。尤其是對于我們公司芥映,每天來自不同地區(qū)的不同需求那么多,每次的調(diào)整都要幾天之后用戶才可以使用远豺。那么混合開發(fā)就是一種福音了奈偏,頁面采用html網(wǎng)頁,直接加載放在服務(wù)器上的html頁面躯护,有什么改動就可以直接改html頁面惊来。

我們公司采用的是Cordova框架

創(chuàng)建Cordova項目

1.新建一個Cordova項目,官網(wǎng)有詳細(xì)步驟棺滞,在這里就不多說了裁蚁。Cordova官網(wǎng)
2.在現(xiàn)有的項目中加入Cordova(這是我目前采用的方式)參考
把CordovaLib文件夾拖入我們的項目(里面包含config.xml,Private和Public文件夾),
把www文件添加到項目中检眯,需要注意勾選的是create foler references厘擂,(里面有cordova.js,還可以放一些本地html文件)锰瘸。
備注:對于web開發(fā)伙伴刽严,我們需要把cordova.js和cordova_plugins.js這兩個文件給他們

開始開發(fā)

1.新建一個controller繼承CDVViewController
在viewDidLoad中加入一段代碼self.startPage = @"index.html";
注意這一句一定要加在[super viewDidLoad];前面,不然加載不了
2.剩下的主要就是寫插件了避凝。當(dāng)需要用到原生底層api就需要自定義插件
比如拍照:

  • 1.新建一個插件TakePicture繼承CDVPlugin舞萄,
    在.h文件中增加js調(diào)用的方法- (void)photoClick:(CDVInvokedUrlCommand *)command;
    注意:新建的插件都要在config.xml聲明
    <feature name="TakePicture">
        <param name="ios-package" value="TakePicture" />
    </feature>
  • 2.實現(xiàn)插件的方法
    PhotoCommandID = command.callbackId;
    NSArray *arguments = command.arguments;
    if (arguments.count>0) {
        upLoadPictureURL = arguments[0];
        [self PhotoUPClick];
    }
    
}

command.callbackId是我們把值返回給js要用的id
command.arguments是js傳給我們的參數(shù),是數(shù)組管削,雙方可以協(xié)商傳值的順序

CDVPluginResult * resultJS = nil;
resultJS = [CDVPluginResult resultWithStatus:(CDVCommandStatus_OK) messageAsDictionary:reponseObj];
[self.commandDelegate sendPluginResult:resultJS callbackId:PhotoCommandID];

回傳給js的數(shù)據(jù)可以是很多種類型倒脓,字典,數(shù)組含思,字符串崎弃,都可以,這些Cordova都提供了含潘。

js調(diào)用Cordova的方法
cordova.exec(successBack,failBack,"TakePicture","photoClick",['1','2']);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末饲做,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子遏弱,更是在濱河造成了極大的恐慌盆均,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件漱逸,死亡現(xiàn)場離奇詭異泪姨,居然都是意外死亡游沿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門肮砾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來诀黍,“玉大人,你說我怎么就攤上這事唇敞≌岵荩” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵疆柔,是天一觀的道長咒精。 經(jīng)常有香客問我,道長旷档,這世上最難降的妖魔是什么模叙? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮鞋屈,結(jié)果婚禮上范咨,老公的妹妹穿的比我還像新娘。我一直安慰自己厂庇,他們只是感情好渠啊,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著权旷,像睡著了一般替蛉。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上拄氯,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天躲查,我揣著相機與錄音,去河邊找鬼译柏。 笑死镣煮,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的鄙麦。 我是一名探鬼主播典唇,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼胯府!你這毒婦竟也來了介衔?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤盟劫,失蹤者是張志新(化名)和其女友劉穎夜牡,沒想到半個月后与纽,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體侣签,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡塘装,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了影所。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蹦肴。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖猴娩,靈堂內(nèi)的尸體忽然破棺而出阴幌,到底是詐尸還是另有隱情,我是刑警寧澤卷中,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布矛双,位于F島的核電站,受9級特大地震影響蟆豫,放射性物質(zhì)發(fā)生泄漏议忽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一十减、第九天 我趴在偏房一處隱蔽的房頂上張望栈幸。 院中可真熱鬧,春花似錦帮辟、人聲如沸速址。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽芍锚。三九已至,卻和暖如春荔棉,著一層夾襖步出監(jiān)牢的瞬間闹炉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工润樱, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留渣触,地道東北人。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓壹若,卻偏偏與公主長得像嗅钻,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子店展,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容

  • 導(dǎo)語 這篇文章主要介紹了如何在Android平臺上使用Cordova 的command-line interfac...
    jorstinchan閱讀 22,570評論 6 41
  • iOS上線遇到的問題在這里總結(jié)一下养篓。 1、昨晚上線打包好了赂蕴,結(jié)果上傳到蘋果審核的時候柳弄,提示一個問題,說什么關(guān)于Te...
    和玨貓閱讀 2,416評論 1 1
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,527評論 25 707
  • 盡量不說話 只說建設(shè)性的話 別人打臉 就讓自己暫停 再進行另外一個情景就好了
    Vanesa閱讀 182評論 0 0
  • 詩/伊喵呀 小小的雨中。 我們相遇碧注, 重逢嚣伐。 沒有回眸, 沒有對視萍丐。 小小的雨轩端,下, 滴落逝变, 夾著眼淚基茵。 不舍, ...
    華芳呀閱讀 203評論 4 4