完成iOS所有交互方式的Demo代码

gwpp · gwpp · commit d2b52353ed6e · 2018-02-07T10:56:44.000+08:00
diff --git a/iOS/JsInterface.xcodeproj/project.pbxproj b/iOS/JsInterface.xcodeproj/project.pbxproj
@@ -12,6 +12,7 @@
 		2B2A0045200875F200AC8FA8 /* JSHomeTableViewCell.xib in Resources */ = {isa = PBXBuildFile; fileRef = 2B2A0044200875F200AC8FA8 /* JSHomeTableViewCell.xib */; };
 		2B39E35E1FF40165009238A1 /* Launch Screen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 2B39E35D1FF40165009238A1 /* Launch Screen.storyboard */; };
 		2B39E3621FF40251009238A1 /* JSHomeModel.m in Sources */ = {isa = PBXBuildFile; fileRef = 2B39E3611FF40251009238A1 /* JSHomeModel.m */; };
+		2B4D6180202A197600D7183A /* JSWKWebKitViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 2B4D617F202A197600D7183A /* JSWKWebKitViewController.m */; };
 		2B65FC5F1FFBDAA0000322A1 /* intercept.html in Resources */ = {isa = PBXBuildFile; fileRef = 2B65FC5E1FFBDAA0000322A1 /* intercept.html */; };
 		2B65FC631FFBDAE9000322A1 /* jscontext.html in Resources */ = {isa = PBXBuildFile; fileRef = 2B65FC621FFBDAE9000322A1 /* jscontext.html */; };
 		2B65FC681FFBE624000322A1 /* JSUIInterceptViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 2B65FC671FFBE624000322A1 /* JSUIInterceptViewController.m */; };
@@ -29,6 +30,7 @@
 		2B89FA461FEAB833001349A7 /* JSWKWebViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = 2B89FA451FEAB833001349A7 /* JSWKWebViewController.m */; };
 		2B89FA481FEABCE6001349A7 /* jsbridge.html in Resources */ = {isa = PBXBuildFile; fileRef = 2B89FA471FEABCE6001349A7 /* jsbridge.html */; };
 		2BEB86331FEC0D090015F8E0 /* NSDictionary+Json.m in Sources */ = {isa = PBXBuildFile; fileRef = 2BEB86321FEC0D090015F8E0 /* NSDictionary+Json.m */; };
+		B54D907C4B6FA64364AAF23E /* webkit.html in Resources */ = {isa = PBXBuildFile; fileRef = B54D9BF70A906DA37BB0711A /* webkit.html */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
@@ -38,6 +40,8 @@
 		2B39E35D1FF40165009238A1 /* Launch Screen.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = "Launch Screen.storyboard"; sourceTree = "<group>"; };
 		2B39E3601FF40251009238A1 /* JSHomeModel.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JSHomeModel.h; sourceTree = "<group>"; };
 		2B39E3611FF40251009238A1 /* JSHomeModel.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JSHomeModel.m; sourceTree = "<group>"; };
+		2B4D617E202A197600D7183A /* JSWKWebKitViewController.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JSWKWebKitViewController.h; sourceTree = "<group>"; };
+		2B4D617F202A197600D7183A /* JSWKWebKitViewController.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = JSWKWebKitViewController.m; sourceTree = "<group>"; };
 		2B65FC5E1FFBDAA0000322A1 /* intercept.html */ = {isa = PBXFileReference; lastKnownFileType = text.html; path = intercept.html; sourceTree = "<group>"; };
 		2B65FC621FFBDAE9000322A1 /* jscontext.html */ = {isa = PBXFileReference; lastKnownFileType = text.html; path = jscontext.html; sourceTree = "<group>"; };
 		2B65FC661FFBE624000322A1 /* JSUIInterceptViewController.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = JSUIInterceptViewController.h; sourceTree = "<group>"; };
@@ -72,6 +76,7 @@
 		3D4F34A4DDAE73D3185F77E2 /* Pods-JsInterface.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JsInterface.release.xcconfig"; path = "Pods/Target Support Files/Pods-JsInterface/Pods-JsInterface.release.xcconfig"; sourceTree = "<group>"; };
 		7F8F24BA95BC4A8D4709671E /* libPods-JsInterface.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-JsInterface.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		A15400B2138DCEB842EA3E71 /* Pods-JsInterface.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JsInterface.debug.xcconfig"; path = "Pods/Target Support Files/Pods-JsInterface/Pods-JsInterface.debug.xcconfig"; sourceTree = "<group>"; };
+		B54D9BF70A906DA37BB0711A /* webkit.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; path = webkit.html; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -108,6 +113,7 @@
 				2B89FA471FEABCE6001349A7 /* jsbridge.html */,
 				2B65FC5E1FFBDAA0000322A1 /* intercept.html */,
 				2B65FC621FFBDAE9000322A1 /* jscontext.html */,
+				B54D9BF70A906DA37BB0711A /* webkit.html */,
 			);
 			path = html;
 			sourceTree = "<group>";
@@ -179,6 +185,8 @@
 				2B69BA7B1FFD2F91008C28A5 /* JSWKInterceptViewController.m */,
 				2B69BA7D1FFD2FA6008C28A5 /* JSWKBridgeViewController.h */,
 				2B69BA7E1FFD2FA6008C28A5 /* JSWKBridgeViewController.m */,
+				2B4D617E202A197600D7183A /* JSWKWebKitViewController.h */,
+				2B4D617F202A197600D7183A /* JSWKWebKitViewController.m */,
 			);
 			path = Controller;
 			sourceTree = "<group>";
@@ -360,6 +368,7 @@
 				2B2A0045200875F200AC8FA8 /* JSHomeTableViewCell.xib in Resources */,
 				2B65FC631FFBDAE9000322A1 /* jscontext.html in Resources */,
 				2B89FA311FEAB1EC001349A7 /* Assets.xcassets in Resources */,
+				B54D907C4B6FA64364AAF23E /* webkit.html in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -430,6 +439,7 @@
 				2B69BA7F1FFD2FA6008C28A5 /* JSWKBridgeViewController.m in Sources */,
 				2BEB86331FEC0D090015F8E0 /* NSDictionary+Json.m in Sources */,
 				2B89FA371FEAB1EC001349A7 /* main.m in Sources */,
+				2B4D6180202A197600D7183A /* JSWKWebKitViewController.m in Sources */,
 				2B65FC741FFBE840000322A1 /* NSURL+Params.m in Sources */,
 				2B65FC6B1FFBE661000322A1 /* JSUIJsContextViewController.m in Sources */,
 				2B89FA3F1FEAB7FD001349A7 /* JSHomeViewController.m in Sources */,
diff --git a/iOS/JsInterface/Class/Pages/Home/Controller/JSHomeViewController.m b/iOS/JsInterface/Class/Pages/Home/Controller/JSHomeViewController.m
@@ -15,6 +15,7 @@
 
 #import "JSWKInterceptViewController.h"
 #import "JSWKBridgeViewController.h"
+#import "JSWKWebKitViewController.h"
 
 #import "JSHomeTableViewCell.h"
 
@@ -45,13 +46,16 @@ - (void)viewDidLoad {
         JSHomeModel *wkwebviewIntercept = [[JSHomeModel alloc] initWithType:@"WKWebView" jsCallNative:@"拦截跳转" nativeCallJS:@"evaluateJavaScript:completionHandler" targetClass:[JSWKInterceptViewController class]];
 
         JSHomeModel *uiwebviewJsContext = [[JSHomeModel alloc] initWithType:@"UIWebView" jsCallNative:@"JsContextExport" nativeCallJS:@"evaluateScript: 或 callWithArguments:" targetClass:[JSUIJsContextViewController class]];
+        
+        JSHomeModel *wkWebKit = [[JSHomeModel alloc] initWithType:@"WKWebView" jsCallNative:@"window.webkit.messageHandlers" nativeCallJS:@"evaluateJavaScript:completionHandler" targetClass:[JSWKWebKitViewController class]];
 
         JSHomeModel *uiJsbridge = [[JSHomeModel alloc] initWithType:@"UIWebView" jsCallNative:@"WebViewJavascriptBridge" nativeCallJS:@"callHandler" targetClass:[JSUIBridgeViewController class]];
         JSHomeModel *wkJsbridge = [[JSHomeModel alloc] initWithType:@"WKWebView" jsCallNative:@"WebViewJavascriptBridge" nativeCallJS:@"callHandler" targetClass:[JSWKBridgeViewController class]];
 
         _modelArray = @[
                 @[uiwebviewIntercept, wkwebviewIntercept],
                 @[uiwebviewJsContext],
+                @[wkWebKit],
                 @[uiJsbridge, wkJsbridge],
         ];
     }
diff --git a/iOS/JsInterface/Class/Pages/UIWebView/Controller/JSUIJsContextViewController.m b/iOS/JsInterface/Class/Pages/UIWebView/Controller/JSUIJsContextViewController.m
@@ -43,6 +43,5 @@ - (void)webViewDidFinishLoad:(UIWebView *)webView {
         NSLog(@"异常信息：%@", exception);
     };
     self.jsContext[@"app"] = [[JSContextModel alloc] init];
-//    [self.jsContext evaluateScript:<#(NSString *)#>]
 }
 @end
diff --git a/iOS/JsInterface/Class/Pages/WKWebView/Controller/JSWKWebKitViewController.h b/iOS/JsInterface/Class/Pages/WKWebView/Controller/JSWKWebKitViewController.h
@@ -0,0 +1,13 @@
+//
+//  JSWKWebKitViewController.h
+//  JsInterface
+//
+//  Created by 甘文鹏 on 2018/2/7.
+//  Copyright © 2018年 ganwenpeng.com. All rights reserved.
+//
+
+#import "JSWKWebViewController.h"
+
+@interface JSWKWebKitViewController : JSWKWebViewController
+
+@end
diff --git a/iOS/JsInterface/Class/Pages/WKWebView/Controller/JSWKWebKitViewController.m b/iOS/JsInterface/Class/Pages/WKWebView/Controller/JSWKWebKitViewController.m
@@ -0,0 +1,69 @@
+//
+//  JSWKWebKitViewController.m
+//  JsInterface
+//
+//  Created by 甘文鹏 on 2018/2/7.
+//  Copyright © 2018年 ganwenpeng.com. All rights reserved.
+//
+
+#import "JSWKWebKitViewController.h"
+
+#define FUNC_LOGIN @"login"
+#define FUNC_LOGOUT @"logout"
+
+@interface JSWKWebKitViewController ()<WKScriptMessageHandler>
+
+@end
+
+@implementation JSWKWebKitViewController
+
+- (void)viewDidLoad {
+    [super viewDidLoad];
+    
+    self.title = @"WKWebView - WebKti";
+    WKUserContentController *confVc = self.webView.configuration.userContentController;
+    [confVc addScriptMessageHandler:self name:FUNC_LOGIN];
+    [confVc addScriptMessageHandler:self name:FUNC_LOGOUT];
+    
+    // 加载测试用的HTML页面
+    NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"webkit" ofType:@"html"]];
+    [self.webView loadRequest:[NSURLRequest requestWithURL:url]];
+}
+
+- (void)btn1Click {
+    [self.webView evaluateJavaScript:@"showResponse('点击了原生的按钮11111111111')" completionHandler:nil];
+}
+
+- (void)btn2Click {
+    [self.webView evaluateJavaScript:@"showResponse('点击了原生的按钮22222222222')" completionHandler:^(id _Nullable response, NSError * _Nullable error) {
+        if (error) {
+            NSLog(@"%@", error);
+        } else {
+            NSLog(@"%@", response);
+        }
+    }];
+}
+
+#pragma mark - WKScriptMessageHandler
+- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
+    if ([message.name isEqualToString:FUNC_LOGIN]) {
+        if (![message.body isKindOfClass:[NSDictionary class]]) {
+            return;
+        }
+        NSDictionary *data = message.body;
+        NSString *account = data[@"account"];
+        NSString *password = data[@"password"];
+        
+        NSString *msg = [NSString stringWithFormat:@"执行登录操作，账号为：%@，密码为：%@", account, password];
+        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"原生弹窗" message:msg delegate:nil cancelButtonTitle:@"好" otherButtonTitles:nil, nil];
+        [alert show];
+        return;
+    }
+    
+    if ([message.name isEqualToString:FUNC_LOGOUT]) {
+        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"原生弹窗" message:@"执行登出操作" delegate:nil cancelButtonTitle:@"好" otherButtonTitles:nil, nil];
+        [alert show];
+        return;
+    }
+}
+@end
diff --git a/iOS/JsInterface/Class/Pages/WKWebView/Controller/JSWKWebViewController.h b/iOS/JsInterface/Class/Pages/WKWebView/Controller/JSWKWebViewController.h
@@ -9,7 +9,7 @@
 #import <UIKit/UIKit.h>
 #import <WebKit/WebKit.h>
 
-@interface JSWKWebViewController : UIViewController<WKNavigationDelegate>
+@interface JSWKWebViewController : UIViewController<WKNavigationDelegate, WKUIDelegate>
 @property(nonatomic, strong) WKWebView *webView;
 
 - (void)btn1Click;
diff --git a/iOS/JsInterface/Class/Pages/WKWebView/Controller/JSWKWebViewController.m b/iOS/JsInterface/Class/Pages/WKWebView/Controller/JSWKWebViewController.m
@@ -66,8 +66,9 @@ - (void)setupUI {
     self.btn2 = btn2;
     
     self.view.backgroundColor = [UIColor blackColor];
-    self.webView = [[WKWebView alloc] init];
+    self.webView = [[WKWebView alloc] initWithFrame:CGRectZero configuration:[[WKWebViewConfiguration alloc] init]];
     self.webView.navigationDelegate = self;
+    self.webView.UIDelegate = self;
     [self.view addSubview:self.webView];
     [self.webView mas_makeConstraints:^(MASConstraintMaker *make) {
         make.left.bottom.right.equalTo(self.view);
@@ -81,6 +82,4 @@ - (void)btn1Click {
 - (void)btn2Click {
 }
 
-- (void)btn3Click {
-}
 @end
diff --git a/iOS/JsInterface/Resource/html/jscontext.html b/iOS/JsInterface/Resource/html/jscontext.html
@@ -50,7 +50,6 @@
 
     $(function () {
         $('#login').click(function () {
-            window.location = 'app://login?account=13011112222&password=123456';
             app.login("13011112222", "123456");
         });
 
diff --git a/iOS/JsInterface/Resource/html/webkit.html b/iOS/JsInterface/Resource/html/webkit.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>JSBridge Test</title>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+    <script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.12.4/jquery.js"></script>
+
+    <style type="text/css">
+        .btn {
+            background-color: #aaa;
+            height: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: #444444;
+            text-decoration: none;
+            margin-top: 10px;
+        }
+
+        #response {
+            background: #eeeeee;
+            word-wrap: break-word;
+            display: block;
+            outline: 1px solid #ccc;
+            padding: 5px;
+            margin: 5px;
+        }
+    </style>
+</head>
+<body>
+<p style="color: red">嵌入页区域</p>
+<p>以webkit的方式实现</p>
+<button class="btn" id="login">执行登录操作</button>
+<button class="btn" id="logout">执行登出操作</button>
+
+<pre id="response"></pre>
+
+<script type="text/javascript">
+    /**
+     * 显示响应信息
+     * @param response 响应信心
+     */
+    function showResponse(response) {
+        $('#response').text(response);
+    }
+
+    /**
+     * jQuery
+     */
+    $(function () {
+        $("#login").click(function () {
+            window.webkit.messageHandlers.login.postMessage({
+                'account': '13000000000',
+                'password': '123456'
+            });
+        });
+
+        $('#logout').click(function () {
+            window.webkit.messageHandlers.logout.postMessage(null);
+        });
+    });
+</script>
+</body>
+</html>

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,5 @@ - (void)webViewDidFinishLoad:(UIWebView *)webView {`
`43`	`43`	`NSLog(@"异常信息：%@", exception);`
`44`	`44`	`};`
`45`	`45`	`self.jsContext[@"app"] = [[JSContextModel alloc] init];`
`46`		`-// [self.jsContext evaluateScript:<#(NSString *)#>]`
`47`	`46`	`}`
`48`	`47`	`@end`