APP的很大一部分功能都是原生和前端交互的另凌,所以總結(jié)一下吧展懈!
最低支持iOS 8.0直砂,所以能用WebKit的地方就沒有用UIWebView史辙。
直接說交互吧汹买,我個人站在iOS的角度來理解的交互有兩種佩伤,一種正向交互,一種逆向交互晦毙。正向交互就是H5來調(diào)用原生生巡,逆向交互就是原生調(diào)用H5,純粹是個人見解见妒,不喜勿噴孤荣。
1、創(chuàng)建
//要用WKWebView肯定需要引入庫须揣,有兩種方式
1> #import <WebKit/WebKit.h>
2> @import WebKit;
// 一般常用的估計是第一種吧盐股,第二種比較少見,引入系統(tǒng)庫的時候可以采用這種方式
// 一般還是聲明的全局屬性
@property (nonatomic,strong) WKWebView *webView;
// 創(chuàng)建可以直接創(chuàng)建也可以采用懶加載
- (void)creatWebView{
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init]
WKUserContentController *userContentController =[[WKUserContentController alloc]init];
configuration.userContentController = userContentController;
// 根據(jù)需要去設(shè)置對應(yīng)的屬性
WKWebView *webView = [[WKWebView alloc]initWithFrame:self.view.bounds configuration:configuration];
webView.navigationDelegate = self;
[self.view addSubview:webView];
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"URL地址"]];
[self.webView loadRequest:request];
}
2耻卡、代理
@protocol WKNavigationDelegate <NSObject>
@optional
//請求之前疯汁,決定是否要跳轉(zhuǎn):用戶點擊網(wǎng)頁上的鏈接,需要打開新頁面時卵酪,將先調(diào)用這個方法幌蚊。
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler;
//接收到相應(yīng)數(shù)據(jù)后,決定是否跳轉(zhuǎn)
- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler;
//頁面開始加載時調(diào)用
- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(null_unspecified WKNavigation *)navigation;
// 主機地址被重定向時調(diào)用
- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(null_unspecified WKNavigation *)navigation;
// 頁面加載失敗時調(diào)用
- (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(null_unspecified WKNavigation *)navigation withError:(NSError *)error;
// 當內(nèi)容開始返回時調(diào)用
- (void)webView:(WKWebView *)webView didCommitNavigation:(null_unspecified WKNavigation *)navigation;
// 頁面加載完畢時調(diào)用
- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation;
//跳轉(zhuǎn)失敗時調(diào)用
- (void)webView:(WKWebView *)webView didFailNavigation:(null_unspecified WKNavigation *)navigation withError:(NSError *)error;
// 如果需要證書驗證凛澎,與使用AFN進行HTTPS證書驗證是一樣的
- (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential *__nullable credential))completionHandler;
//9.0才能使用霹肝,web內(nèi)容處理中斷時會觸發(fā)
- (void)webViewWebContentProcessDidTerminate:(WKWebView *)webView NS_AVAILABLE(10_11, 9_0);
@end
3、交互
// 首先說正交互吧
// webView創(chuàng)建后調(diào)用addScriptMessageHandler:方法塑煎,上接creatWebView方法
// 此處的“goBack”為iOS端與前端約定好的
[_userContentController addScriptMessageHandler:delegateController name:@"goBack"];
// 然后
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
if ([message.name isEqualToString:@"goBack"]) {
// 如果監(jiān)控到前端調(diào)用了 'goBack' 方法代碼就會走進來沫换,在這里做處理就行了
}
}
4、坑
以上代碼寫完后并不是萬事大吉了最铁,你會發(fā)現(xiàn)在當前控制器消失時并不會走dealloc方法
原因就在于調(diào)用了 'addScriptMessageHandler' 方法
// 點進頭文件后你會發(fā)現(xiàn)方法是成對出現(xiàn)的
- (void)addScriptMessageHandler:(id <WKScriptMessageHandler>)scriptMessageHandler name:(NSString *)name;
- (void)removeScriptMessageHandlerForName:(NSString *)name;
// 既然有 'add' 那就有 'remove'
// 但是remove的時機就有點好玩了
// 在此我總結(jié)了幾種
// 1> 'add' 在 viewDidLoad 調(diào)用讯赏,'remove' 在 viewWillDisappear調(diào)用
// 這種寫法并不是不可以,前提是當前頁面沒有二級頁面了冷尉,如果有二級頁面就不能這么寫
// 2> 'add' 在 viewDidLoad 調(diào)用漱挎,'remove' 在當前頁面的 'pop' 方法調(diào)用
// 次方法解決了第一種方法的缺陷,但是還有一個問題雀哨,如果當前頁面有右滑返回手勢的話就不行
// 3> 使用代理
@interface ViewController ()<WKDelegate,WKNavigationDelegate,WKScriptMessageHandler>{
WKWebView * webView;
WKUserContentController* userContentController;
}
@end
@implementation ViewController
#pragma mark - lifeCircle
- (void)viewDidLoad {
[super viewDidLoad];
WKWebViewConfiguration * configuration = [[WKWebViewConfiguration alloc]init];
userContentController =[[WKUserContentController alloc]init];
configuration.userContentController = userContentController;
webView = [[WKWebView alloc]initWithFrame:CGRectMake(0, 0, 100, 100) configuration:configuration];
WKDelegateController * delegateController = [[WKDelegateController alloc]init];
delegateController.delegate = self;
[userContentController addScriptMessageHandler:delegateController name:@"sayhello"];
[self.view addSubview:webView];
webView.navigationDelegate = self;
[webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"URL地址"]]];
}
- (void)dealloc{
//這里需要注意磕谅,前面增加過的方法一定要remove掉。
[userContentController removeScriptMessageHandlerForName:@"goBack"];
}
// 發(fā)現(xiàn)代理是最好的一種方式
WKDelegateController.h代碼:
#import <UIKit/UIKit.h>
#import <WebKit/WebKit.h>
@protocol WKDelegate <NSObject>
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message;
@end
@interface WKDelegateController : UIViewController <WKScriptMessageHandler>
@property (weak , nonatomic) id<WKDelegate> delegate;
@end
WKDelegateController.m代碼:
#import "WKDelegateController.h"
@interface WKDelegateController ()
@end
@implementation WKDelegateController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
}
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{
if ([self.delegate respondsToSelector:@selector(userContentController:didReceiveScriptMessage:)]) {
[self.delegate userContentController:userContentController didReceiveScriptMessage:message];
}
}
@end
5雾棺、原生調(diào)用JS代碼
// 在需要調(diào)用JS的地方執(zhí)行如下代碼
// 有參數(shù)
[self.webView evaluateJavaScript@"postInfo('參數(shù)1,參數(shù)2')"completionHandler:nil];
// 無參數(shù)
[self.webView evaluateJavaScript@"postInfo()"completionHandler:nil];
// 此處的 'postInfo()' 是前端的方法膊夹,需要前端告訴你