轉載自:http://www.lxweimin.com/p/4ed3e5ed99c6
最近在做一個項目用到了原生App與H5交互,之前有做過簡單的H5頁面直接調用原生方法的例子,就是利用UIWebView中的代理方法
//webview每次加載之前都會調用這個方法,利用該代理方法截取JS的href來調用原生的方法
- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType
然而這次的交互要求是進行雙向通信,即JS調用原生App的方法之后,原生App要講相關參數信息返回給H5頁面,H5頁面接受到參數信息后做其他處理。
例:H5頁面的發布信息按鈕,在點擊按鈕后要在原生端判斷用戶是否登錄,若沒有登錄則彈出原生登錄頁面,登錄成功后將用戶信息返回給H5頁面,繼續發布流程。
重點來了!
在這里推薦一個比較好的第三方庫即:WebViewJavascriptBridge
地址:https://github.com/marcuswestin/WebViewJavascriptBridge
通過使用該庫可以輕松實現JS與原生交互。
//初始化WebViewJavascriptBridge方法
_bridge= [WebViewJavascriptBridge bridgeForWebView:self.BookWebView webViewDelegate:self handler:^(id data,WVJBResponseCallback responseCallback) {
}];
//原生與JS約定接口名為“testObjcCallback”,data是JS傳遞過來的信息,responseCallback來將信息傳遞給JS
[_bridge registerHandler:@"testObjcCallback" handler:^(id ?data,WVJBResponseCallback responseCallback) {
responseCallback("postInfomationToJS")
}];
UIWebView頁面信息的離線緩存
推薦一個比較好的第三方庫RNCachingURLProtocol,只需要在AppDelegate中加入下面方法即可。
[NSURLProtocolregisterClass:[RNCachingURLProtocolclass]];
地址:https://github.com/rnapier/RNCachingURLProtocol