解決方案：
1.URL Scheme
2.JsBridge
一．URL scheme
URL Scheme是UIWeview為Web端提供的唯一一個(gè)向Native傳遞消息的通路，早期利用該機(jī)制實(shí)現(xiàn)了比如點(diǎn)擊網(wǎng)頁(yè)上的一個(gè)鏈接跳轉(zhuǎn)到個(gè)人頁(yè)的功能老翘。
下面是使用該技術(shù)要做的工作：
1.約定一個(gè)自定義Scheme的URL比如kimliang://openperson?pid=
2. Native在實(shí)現(xiàn)webView:shouldStartLoadWithRequest:navigationType:代理速侈，通過(guò)攔截每次跳轉(zhuǎn)京髓，判斷是不是約定好的URL铸屉，如果是則執(zhí)行自定義行為
這種方式的缺點(diǎn)：
1.一開(kāi)始的時(shí)候沒(méi)有形成一個(gè)約定URL的規(guī)則涂圆，導(dǎo)致很多隨意發(fā)揮的URL
2.每次有新的自定義URL行為都要在webView:shouldStartLoadWithRequest:navigationType:代理里面增加代碼钳枕，不利于維護(hù)
3.這種方式Web端無(wú)法獲取Native的執(zhí)行反饋
二．JSBridge開(kāi)發(fā)指南
JsBridge的設(shè)計(jì)就是要克服上面列舉的URL Scheme的缺點(diǎn)横朋。Jsbridge的設(shè)計(jì)遵循以下原則：
1.方便Web端開(kāi)發(fā)人員調(diào)用梦重，使用URL Scheme這種方式Web端開(kāi)發(fā)人員需要自己去組裝URL兑燥，這個(gè)工作可以由Jsbridge來(lái)完成。
2.作為一個(gè)組件提供
3. Web端在需要的情況下可以獲得執(zhí)行反饋
方便的調(diào)用方式：
Jsbridge在Web端提供了兩種調(diào)用Native功能的方法：
jsbridge.invoke('function_name', param,success_cb, error_cb)
jsbridge.call('function_name', param)
為什么分兩種調(diào)用方式在會(huì)在下面說(shuō)明琴拧。這種方式就跟方法調(diào)用類(lèi)似降瞳，只不過(guò)方法名也需要當(dāng)做參數(shù)傳遞。在內(nèi)部JsBridge會(huì)將參數(shù)打包成特定格式的URL蚓胸。
作為組件提供：
webView:shouldStartLoadWithRequest:navigationType:代理是唯一的獲取Web端傳遞的信息的途徑挣饥，JsBridge也只能依賴(lài)實(shí)現(xiàn)該代理。為了不與使用JsBridge的代碼耦合沛膳，JsBridge使用了一個(gè)比較hack的方法扔枫，當(dāng)將JsBridge實(shí)例與UIWebview連接的時(shí)候JsBridge會(huì)替換原來(lái)UIWebview的webView:shouldStartLoadWithRequest:navigationType:代理，當(dāng)發(fā)現(xiàn)是JsBridge內(nèi)部的URL則會(huì)執(zhí)行相應(yīng)的JsBridge功能锹安，如果不是則調(diào)用原來(lái)的代理方法來(lái)處理短荐。
給Web端反饋：
上面說(shuō)到JsBridge的Web端提供了invoke和call兩種調(diào)用方式，其中invoke比call調(diào)用方式多了兩個(gè)參數(shù)叹哭，這兩個(gè)參數(shù)是用來(lái)獲取返回值的回調(diào)忍宋，如果Native調(diào)用成功，則success_cb會(huì)被調(diào)用风罩，注意這里的調(diào)用成功是指Native執(zhí)行了function_name指定的方法讶踪，至于方法執(zhí)行的結(jié)果還要跟據(jù)success_cb的參數(shù)來(lái)決定，當(dāng)Native沒(méi)有function_name指定的方法或者其他JsBridge內(nèi)部錯(cuò)誤會(huì)調(diào)用error_cb泊交。
當(dāng)jsbridge.invoke('function_name',
param, success_cb, error_cb)調(diào)用的時(shí)候乳讥，JsBridge的Web端會(huì)為該次調(diào)用分配一個(gè)唯一的CallID，使用該CallID為key廓俭，success_cb和error_cb會(huì)被記錄到一張表中云石。該CallID會(huì)跟function_name和param一同打包傳遞給Native。Native執(zhí)行完相應(yīng)功能后研乒，調(diào)用stringByEvaluatingJavaScriptFromString:方法將CallID和返回結(jié)果返回到Web端汹忠，Web端通過(guò)CallID找到相應(yīng)的success_cb或者error_cb執(zhí)行。
JS端會(huì)維護(hù)一個(gè)隊(duì)列存放函數(shù)調(diào)用，用于回調(diào)處理宽菜，同理Native端也會(huì)維護(hù)一個(gè)隊(duì)列谣膳，用于存放調(diào)用js方法回調(diào)處理。
參考文章：
使用WebViewJavascriptBridge實(shí)現(xiàn)OC與JS交互：http://www.reibang.com/p/ca496cb680fe
