正文

原生微信h5支付

發(fā)布時(shí)間：2023-03-25 02:55:00 稿源：創(chuàng)意嶺閱讀： 975 問(wèn)大家

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于原生微信h5支付的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com，如需咨詢相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

1、微信支付和H5支付的區(qū)別是什么？
2、微信app支付和h5支付的區(qū)別
3、微信h5支付可以在微信中使用嗎
4、iOS H5調(diào)用微信(支付寶)支付與回調(diào)

原生微信h5支付

一、微信支付和H5支付的區(qū)別是什么？

h5支付是用在公眾號(hào)內(nèi)，網(wǎng)頁(yè)發(fā)起的微信支付請(qǐng)求。
微信app支付，是自己開(kāi)發(fā)的app，沒(méi)發(fā)起微信支付請(qǐng)求的。

APP微信支付的申請(qǐng)流程如下：

注冊(cè)開(kāi)發(fā)者賬號(hào)；
認(rèn)證開(kāi)發(fā)者資質(zhì)；
創(chuàng)建APP并提交審核；
提交資料申請(qǐng)微信支付；
啟動(dòng)設(shè)計(jì)并開(kāi)發(fā)；
開(kāi)戶成功，并且進(jìn)行驗(yàn)證；
在線簽署協(xié)議，并接入，即可完成接入。

h5支付是用在公眾號(hào)內(nèi) 。

二、微信app支付和h5支付的區(qū)別

APP支付，微信公眾號(hào)支付，H5支付，三個(gè)是不一樣的支付方式，H5支付是通過(guò)谷歌或者手機(jī)自帶瀏覽器等調(diào)轉(zhuǎn)調(diào)取支付寶APP或微信APP完成支付的一種方式（非微信內(nèi)嵌瀏覽器），而APP支付是通過(guò)SDK，所以是有區(qū)別的. 提供H5支付接口，用于數(shù)娛，1.5-2.

三、微信h5支付可以在微信中使用嗎

微信公眾號(hào)可以支持H5支付，需要是認(rèn)證的服務(wù)號(hào)，而且是在微信公眾號(hào)平臺(tái)上申請(qǐng)開(kāi)通微信支付才可以用的，登錄進(jìn)去選擇產(chǎn)品中心，我的產(chǎn)品，支付產(chǎn)品，H5支付，一步一步選擇，提交一些信息開(kāi)通之后就可以，把渠道參數(shù)填好在對(duì)應(yīng)的位置上，開(kāi)通之后就可以支付。

四、iOS H5調(diào)用微信(支付寶)支付與回調(diào)

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

該方法是決定H5頁(yè)面是否允許跳轉(zhuǎn)的

- (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;//不允許跳轉(zhuǎn)

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);//這句是必須加上的，不然會(huì)異常

}

很多小伙伴兒都遇到回跳的問(wèn)題，點(diǎn)擊“完成”或“取消”跳到了Safari卻跳不回APP。

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

2.2、配置 Referer

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

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

注意：www.xxxx.com 此域名一定是H5授權(quán)的域名，如果是二級(jí)域名，可以寫成：aaa.xxxx.com

一般支付完不管完成與否都要調(diào)一下回調(diào)地址來(lái)刷新支付頁(yè)面的，但問(wèn)題是iOS的回調(diào)地址中一定要寫成 www.xxxx.com:// 這樣的格式才能跳回來(lái)，但是調(diào)回來(lái)后沒(méi)有執(zhí)行回調(diào)地址，頁(yè)面又刷新不了，或者跳回來(lái)后是個(gè)空白頁(yè)，這又產(chǎn)生了一個(gè)新的問(wèn)題。當(dāng)點(diǎn)擊微信支付頁(yè)上的“完成”或“取消”返回APP時(shí)，會(huì)調(diào)用 AppDelegate 中的 openURL：方法

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

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

//刷新地址也就是支付完的回調(diào)地址，后臺(tái)可以把回調(diào)地址拼接在 www.xxxx.com:// 后面，例如：www.xxxx.com://http://www.baidu.com 。那么 url 就是 www.xxxx.com:// http://www.baidu.com ，你向外部發(fā)通知時(shí)把 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]]];

}

解決h5的支付寶支付問(wèn)題可以提供兩種解決辦法

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

（問(wèn)題支付成功后回調(diào)到了游覽器，無(wú)法返回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);

// 先判斷一下，找到需要跳轉(zhuǎn)的再做處理

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

// 1.以？號(hào)來(lái)切割字符串

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.替換里面的默認(rèn)Scheme為自己的Scheme

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

// 4.然后把處理后的，和最開(kāi)始切割的做下拼接，就得到了最終的字符串

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（也就是看看能不能打開(kāi)這個(gè)URL）

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

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

}

});

// 2.這里告訴頁(yè)面不走了 -_-

decisionHandler(WKNavigationActionPolicyCancel);

return;

}

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

}

// 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{// 判斷一下這個(gè)host，safepay就是支付寶的if([url.host isEqualToString:@"safepay"]) {// 拿到這個(gè)鏈接的數(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:@"?"];/

/ 這個(gè)decode方法，在上面找哈NSString* lastStr = [self WebURLDecodedString:afterComStr.lastObject];// 這個(gè)lastStr，其實(shí)是一個(gè)jsonStr，轉(zhuǎn)一下，就看到了數(shù)據(jù)

NSDictionary* dict = [self dictionaryWithJsonString:lastStr];// dict的結(jié)構(gòu)差不多是這樣/*

"memo": {

"result":"訂單相關(guān)信息，如訂單號(hào)，支付金額等等";

"ResultStatus":"9000";

******

*/// 和支付寶SDK的返回結(jié)果一次，這個(gè)ResultStatus，就是我們要的數(shù)據(jù)// 9000 ：支付成功// 8000 ：訂單處理中// 4000 ：訂單支付失敗// 6001 ：用戶中途取消// 6002 ：網(wǎng)絡(luò)連接出錯(cuò)// 這里的話，就可以根據(jù)狀態(tài)，去處理自己的業(yè)務(wù)了}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即可。具體的手機(jī)網(wǎng)站支付轉(zhuǎn)Native支付

1.1、掉起支付寶APP

1.2、支付完成后，支付寶APP要返回到我們的APP里面來(lái)

- (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) {

// 處理支付結(jié)果

NSLog(@"%@", result);

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

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

// returnUrl 代表第三方App需要跳轉(zhuǎn)的成功頁(yè)URL

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

}

}];

if(isIntercepted) {

decisionHandler(WKNavigationActionPolicyCancel);

return;

}