利用WKWebView加載網(wǎng)頁沃暗，在app中處理H5頁面調(diào)用微信支付 ------ 實現(xiàn)WKNavigationDelegate協(xié)議

1、由H5頁跳轉微信客戶端--WKNavigationDelegate方法

該方法是決定H5頁面是否允許跳轉的

- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler{

? ? WKNavigationActionPolicy? actionPolicy =WKNavigationActionPolicyAllow;//允許

? ? NSString*urlScheme = navigationAction.request.URL.scheme;

? ? NSString*urlString = navigationAction.request.URL.absoluteString;

? ? NSString *wxPre = @"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb";

? ? NSURLRequest*request = navigationAction.request;

? ? NSLog(@"urlScheme:%@",urlScheme);

? ? NSLog(@"urlStr:%@",urlString);

? ? if([urlString containsString:@"weixin://wap/pay?"]) {

? ? ? ? ?actionPolicy =WKNavigationActionPolicyCancel;//不允許跳轉

? ? ? ? ?NSURL*url = [NSURLURLWithString:urlString];

? ? ? ? ? ? ?if([[UIApplicationsharedApplication]respondsToSelector:@selector(openURL:options:completionHandler:)]){

? ? ? ? ? ? if(@available(iOS10.0, *)) {

? ? ? ? ? ? ? ? [[UIApplication sharedApplication] openURL:url options:@{UIApplicationOpenURLOptionUniversalLinksOnly: @NO} completionHandler:^(BOOL success) {

? ? ? ? ? ? ? ? }];

? ? ? ? ? ? }else{

? ? ? ? ? ? ? ? // Fallback on earlier versions

? ? ? ? ? ? ? ? [[UIApplicationsharedApplication]openURL:url];

? ? ? ? ? ? }

? ? ? ? }else{

? ? ? ? ? ? [[UIApplication sharedApplication]openURL:url];

? ? ? ? }

? ? }

? ? decisionHandler(actionPolicy);//這句是必須加上的婉徘，不然會異常

}

2、如何從微信客戶端跳轉至app

很多小伙伴兒都遇到回跳的問題咐汞，點擊“完成”或“取消”跳到了Safari卻跳不回APP盖呼。

?2.1、配置URL Types ??添加schemes：www.xxxx.com

2.2化撕、配置?Referer

?[requestsetValue:@"www.suxiangshidai.com://" forHTTPHeaderField:@"Referer"];

2.3几晤、服務器回調(diào)的URL中一定要寫成 ?www.suxiangshidai.com:// , 如果一定要拼接，可以讓后臺區(qū)分一下植阴，如果是iOS 前面一定要寫成?www.suxiangshidai.com:// 蟹瘾，不然跳不回APP。

注意：www.xxxx.com 此域名一定是H5授權的域名掠手，如果是二級域名憾朴，可以寫成：aaa.xxxx.com

3、支付回來頁面不刷新或產(chǎn)生空白頁

一般支付完 不管完成與否都要調(diào)一下回調(diào)地址來刷新支付頁面的喷鸽，但問題是iOS的回調(diào)地址中一定要寫成?www.xxxx.com:// 這樣的格式才能跳回來众雷，但是調(diào)回來后沒有執(zhí)行回調(diào)地址，頁面又刷新不了做祝，或者跳回來后是個空白頁砾省，這又產(chǎn)生了一個新的問題。當點擊微信支付頁上的“完成”或“取消”返回APP時混槐，會調(diào)用?AppDelegate 中的?openURL： 方法

-(BOOL)application:(UIApplication*)app openURL:(NSURL*)url options:(NSDictionary *)options{?

? // url.scheme 就是?www.suxiangshidai.com纯蛾，你只需要在這做一個判斷，如果是?www.suxiangshidai.com 你就給外部發(fā)一個通知纵隔，那外部接收到這個通知翻诉，刷新界面就行了。

//刷新地址也就是支付完的回調(diào)地址捌刮，后臺可以把回調(diào)地址拼接在?www.xxxx.com:// 后面碰煌，例如：www.xxxx.com://http://www.baidu.com 。 那么?url 就是?www.xxxx.com://?http://www.baidu.com 绅作，你向外部發(fā)通知時把?url 作為參數(shù)傳出去即可?

? ? if ([url.scheme containsString:@"www.suxiangshidai.com"]) {

? ? ? ? [[NSNotificationCenter defaultCenter] postNotificationName:@"weChatPayHandle" object:nil userInfo:@{@"url":url}];

? ? }

? ? return YES;

}

//微信支付后刷新主界面 (處理通知的方法 )

-(void)refreshOrderData:(NSNotification*)notifi{

? ? NSDictionary*dic = notifi.userInfo;

? ? NSString*url = [NSStringstringWithFormat:@"%@",dic[@"url"]];

? ? NSRange range = [url rangeOfString:@"www.suxiangshidai.com://"];

? ? NSString*lastUrl = [urlsubstringFromIndex:range.length];

? ? NSLog(@"%@",lastUrl);

? ? [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:lastUrl]]];

}

利用WKWebView加載網(wǎng)頁在app中處理H5頁面調(diào)用支付寶支付

解決h5的支付寶支付問題 可以提供兩種解決辦法

?第一種 調(diào)用支付寶網(wǎng)頁支付?

（問題 支付成功后回調(diào)到了游覽器芦圾，無法返回APP，解決如下）

//以WKWebView為例 ?

- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler {

? ? WKNavigationActionPolicy? actionPolicy =WKNavigationActionPolicyAllow;//允許

? ? NSString*urlScheme = navigationAction.request.URL.scheme;

? ? NSString*urlString = navigationAction.request.URL.absoluteString;

? ? NSString *wxPre = @"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb";

? ? NSURLRequest*request = navigationAction.request;

? ? NSLog(@"urlScheme:%@",urlScheme);

? ? NSLog(@"urlStr:%@",urlString);

? ? //? 先判斷一下俄认，找到需要跳轉的再做處理

? ? if([urlSchemeisEqualToString:@"alipay"]) {

?? ? ? ? //? 1.以个少？號來切割字符串

? ? ? ? NSArray* urlBaseArr = [urlStringcomponentsSeparatedByString:@"?"];

? ? ? ? NSString* urlBaseStr = urlBaseArr.firstObject;

? ? ? ? NSString* urlNeedDecode = urlBaseArr.lastObject;

? ? ? ? //? 2.將截取以后的Str洪乍，做一下URLDecode，方便我們處理數(shù)據(jù)

?? ? ? //? NSMutableString * afterDecodeStr = [NSMutableString stringWithString:[self URLDecodedString:urlNeedDecode]];

? ? ? ? NSString*afterDecodeStr =WebURLDecodedString(urlNeedDecode);

? ? ? ? //? 3.替換里面的默認Scheme為自己的Scheme

? ? ? ? NSString* afterHandleStr = [afterDecodeStrstringByReplacingOccurrencesOfString:@"alipays"withString:@"QEQuickEnjoyment"];

?? ? ? //? 4.然后把處理后的夜焦，和最開始切割的做下拼接壳澳，就得到了最終的字符串

? ? ? ? NSString* finalStr = [NSStringstringWithFormat:@"%@?%@",urlBaseStr,WebURLEncode(afterHandleStr)];

? ? ? ? dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

? ? ? ? ? ? //? 判斷一下，是否安裝了支付寶APP（也就是看看能不能打開這個URL）

? ? ? ? ? ? if ([[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:finalStr]]) {

? ? ? ? ? ? ? ? [[UIApplication sharedApplication] openURL:[NSURL URLWithString:finalStr]];

? ? ? ? ? ? }

? ? ? ? });

? ? ? ? //? 2.這里告訴頁面不走了 -_-

? ? ? ? decisionHandler(WKNavigationActionPolicyCancel);

? ? ? ? return;

? ? }

? decisionHandler(actionPolicy);//這句是必須加上的茫经，不然會異常

}

// OC 做URLEncode的方法

staticinlineNSString* WebURLEncode(NSString* str){

? ? NSString*charactersToEscape =@"#[]@!$'()*+,;\"<>%{}|^~`";

? ? NSCharacterSet*allowedCharacters = [[NSCharacterSetcharacterSetWithCharactersInString:charactersToEscape]invertedSet];

? ? NSString *encodedUrl = [[str description] stringByAddingPercentEncodingWithAllowedCharacters:allowedCharacters];

? ? return encodedUrl; }

staticinlineNSString*WebURLDecodedString(NSString* str)

{ ?return [str stringByRemovingPercentEncoding]; }

這樣h5處理支付寶就可以了

但是如果想在支付寶成功后app處理事件 處理如下：

回到Appdelegate的代理方法

-(BOOL)application:(UIApplication*)app openURL:(NSURL*)url options:(NSDictionary *)options{// 判斷一下這個host巷波，safepay就是支付寶的if([url.host isEqualToString:@"safepay"]) {// 拿到這個鏈接的數(shù)據(jù)，數(shù)據(jù)大概是這樣的/*

? ? ? ? mushRoomBox://safepay/?%7B%22memo%22:%7B%22result%22:%22%7B%5C%22alipay_trade_wap_pay_response%5C%22:%7B%5C%22code%5C%22:%5C%2210000%5C%22,%5C%22msg%5C%22:%5C%22Success%5C%22,%5C%22app_id%5C%22:%5C%222017020505522491%5C%22,%5C%22auth_app_id%5C%22:%5C%222017020505522491%5C%22,%5C%22charset%5C%22:%5C%22GBK%5C%22,%5C%22timestamp%5C%22:%5C%222018-11-09%2011:43:06%5C%22,%5C%22out_trade_no%5C%22:%5C%222018100001_simple_48f033a4a00ba19a0526ddbd4f96b036%5C%22,%5C%22total_amount%5C%22:%5C%220.01%5C%22,%5C%22trade_no%5C%22:%5C%222018110922001438371006963978%5C%22,%5C%22seller_id%5C%22:%5C%222088221175674834%5C%22%7D,%5C%22sign%5C%22:%5C%22T6jn7QSsvjjG%5C/HxknSl2lOdHj6zf7jebWEKkeGhEJaXCYFbRHMTsml7TNRhRACupmwDYUADQOynKNR%5C/QBXHgBxJRhYEE9SXVz4mp7sqSGPItzV4bVmZw5AG5UJzsuIh9O6QC%5C/QHc+FcA2i1zw46VDMUnbCCKat5q4ME9d3AUSMhYg31xO+1TZnraDfm0I%5C/OwAnA5iCTOhq%5C/fkm%5C/r4hsujdv9fTvmszgIJLMhN7yQhoGaOWs0vIQ6hoJoXmCXVapfY7ANsoKaR6hGJogH4GKGQi0vLk17W8s+LjcOUT%5C/zB6K6gN+fyCefm8FOJ+8g4GUAreuZDcW0MuGE1OOmaxDrXg==%5C%22,%5C%22sign_type%5C%22:%5C%22RSA2%5C%22%7D%22,%22ResultStatus%22:%229000%22,%22memo%22:%22%22%7D,%22requestType%22:%22safepay%22%7D

? ? ? ? *///? 然后卸伞，一樣的套路方法

NSString* urlNeedJsonStr = url.absoluteString;

NSArray* afterComStr = [urlNeedJsonStr componentsSeparatedByString:@"?"];/

/? 這個decode方法抹镊，在上面找哈NSString* lastStr = [self WebURLDecodedString:afterComStr.lastObject];//? 這個lastStr，其實是一個jsonStr荤傲，轉一下垮耳，就看到了數(shù)據(jù)

NSDictionary* dict = [self dictionaryWithJsonString:lastStr];//? dict的結構差不多是這樣/*

? ? ? ? ? "memo": {

? ? ? ? ? ? ? ? ? "result":"訂單相關信息，如訂單號遂黍，支付金額等等";

? ? ? ? ? ? ? ? ? "ResultStatus":"9000";

? ? ? ? ? },

? ? ? ? ? ******

? ? ? ? *///? 和支付寶SDK的返回結果一次氨菇，這個ResultStatus，就是我們要的數(shù)據(jù)//? 9000 ：支付成功//? 8000 ：訂單處理中//? 4000 ：訂單支付失敗//? 6001 ：用戶中途取消//? 6002 ：網(wǎng)絡連接出錯//? 這里的話妓湘，就可以根據(jù)狀態(tài)查蓉，去處理自己的業(yè)務了}returnYES;}

-? (NSDictionary*)dictionaryWithJsonString:(NSString*)jsonString{

? if(jsonString ==nil) {

? ?return nil;?

? ?}

NSData*jsonData = [jsonString dataUsingEncoding:NSUTF8StringEncoding];

NSError*err;NSDictionary*dic = [NSJSONSerializationJSONObjectWithData:jsonData? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? options:NSJSONReadingMutableContainerserror:&err];

if(err)? ?

?{NSLog(@"json解析失敗：%@",err);

return nil;? ??

}return dic;

}

第二種解決辦法

接支付寶提供的SDK榜贴，schemeStr參數(shù)傳入自己APP的URLScheme即可豌研。 具體的?手機網(wǎng)站支付轉Native支付

1.1、掉起支付寶APP

1.2唬党、支付完成后鹃共，支付寶APP要返回到我們的APP里面來

- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler{

? ? BOOL isIntercepted = [[AlipaySDK defaultService] payInterceptorWithUrl:[navigationAction.request.URL absoluteString] fromScheme:@"WRWarehouseHasRice" callback:^(NSDictionary *result) {

? ? ? ? // 處理支付結果

? ? ? ? NSLog(@"%@", result);

? ? ? ? // isProcessUrlPay 代表 支付寶已經(jīng)處理該URL

? ? ? ? if([result[@"isProcessUrlPay"]boolValue]) {

? ? ? ? ? ? // returnUrl 代表 第三方App需要跳轉的成功頁URL

? ? ? ? ? ? NSString*urlStr = result[@"returnUrl"];

? ? ? ? }

? ? }];

? ? if(isIntercepted) {

? ? ? ? ? ? ?decisionHandler(WKNavigationActionPolicyCancel);?

? ? ?return;?

? ?}

? ? ? ? ? ?decisionHandler(WKNavigationActionPolicyAllow);

}