(摘抄整理)UIWebView與JS的深度交互

摘自原文

原文是一個(gè)不錯(cuò)idea思喊,未來可能大放異彩。

優(yōu)點(diǎn):h5開發(fā)人員多望浩,跨平臺性能好站粟,UI可以隨時(shí)更替,快速調(diào)整入口方案曾雕,不用提交新包審核奴烙。

缺點(diǎn):用戶行為統(tǒng)計(jì)等受限于webview的性能,目前UIwebview剖张, UKwebview還存在很多問題切诀,可能出現(xiàn)加載數(shù)據(jù)緩慢等體驗(yàn)問題。目前還不能完全推行開來搔弄,大公司技術(shù)更新成本決定不可能接受幅虑。

目前只適用于社交大平臺,比如微信顾犹,facebook倒庵,大量用戶分享h5頁面到其平臺,其他公司的h5通過這種交互能直接支付炫刷,掃碼擎宝,分享,錄音等等浑玛,不用出微信就可以完成N多業(yè)務(wù)绍申,轉(zhuǎn)化率也相對高很多。微信如果對這種商用接口收費(fèi)尼,或者打擊競爭對手极阅?呵呵胃碾,躺著就能賺錢吧。

閑話到此筋搏,我們來分析下這個(gè)深度交互到底是什么東東仆百?

下載源碼:github源碼??

借用原文的圖來說明下運(yùn)行過程,然后分析源代碼的機(jī)制

這個(gè)是封裝好的接口奔脐,通過這四個(gè)方法來進(jìn)行交互儒旬。機(jī)制大致是通過js來進(jìn)行的如下

H5->OC

1.H5 將method,參數(shù)data保存在一個(gè)地方帖族,然后做跳轉(zhuǎn)(如源代碼種的:@"wvjbscheme://__WVJB_QUEUE_MESSAGE__")

2.OC攔截到wvjbscheme://__WVJB_QUEUE_MESSAGE__ 之后通過固定的接口去獲取method和data

3.OC 執(zhí)行method,通過js返回給h5結(jié)果栈源!

反之OC->H5過程一樣。

WebViewJavascriptBridge把這個(gè)過程封裝了起來竖般,設(shè)計(jì)了方便的接口甚垦,真心贊!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末涣雕,一起剝皮案震驚了整個(gè)濱河市艰亮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌挣郭,老刑警劉巖迄埃,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異兑障,居然都是意外死亡侄非,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進(jìn)店門流译,熙熙樓的掌柜王于貴愁眉苦臉地迎上來逞怨,“玉大人,你說我怎么就攤上這事福澡〉猓” “怎么了?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵革砸,是天一觀的道長除秀。 經(jīng)常有香客問我,道長算利,這世上最難降的妖魔是什么册踩? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮笔时,結(jié)果婚禮上棍好,老公的妹妹穿的比我還像新娘仗岸。我一直安慰自己允耿,他們只是感情好借笙,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著较锡,像睡著了一般业稼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蚂蕴,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天低散,我揣著相機(jī)與錄音,去河邊找鬼骡楼。 笑死熔号,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的鸟整。 我是一名探鬼主播引镊,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼篮条!你這毒婦竟也來了弟头?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤涉茧,失蹤者是張志新(化名)和其女友劉穎赴恨,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體伴栓,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡伦连,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了钳垮。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片除师。...
    茶點(diǎn)故事閱讀 39,688評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖扔枫,靈堂內(nèi)的尸體忽然破棺而出汛聚,到底是詐尸還是另有隱情,我是刑警寧澤短荐,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布倚舀,位于F島的核電站,受9級特大地震影響忍宋,放射性物質(zhì)發(fā)生泄漏痕貌。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一糠排、第九天 我趴在偏房一處隱蔽的房頂上張望舵稠。 院中可真熱鬧,春花似錦、人聲如沸哺徊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽落追。三九已至盈滴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間轿钠,已是汗流浹背巢钓。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留疗垛,地道東北人症汹。 一個(gè)月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像贷腕,于是被迫代替她去往敵國和親烈菌。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評論 2 353

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