-
讓品牌有溫度、有情感
專注品牌策劃15年
-
當(dāng)前位置：首頁 > 創(chuàng)意學(xué)院 > 技術(shù) > 專題列表 > 正文
h5支付是用在公眾號(hào)內(nèi)， 網(wǎng)頁發(fā)起的微信支付請(qǐng)求。
微信app支付， 是自己開發(fā)的app，沒發(fā)起微信支付請(qǐng)求的。
注冊(cè)開發(fā)者賬號(hào)；
認(rèn)證開發(fā)者資質(zhì)；
創(chuàng)建APP并提交審核；
提交資料申請(qǐng)微信支付；
啟動(dòng)設(shè)計(jì)并開發(fā)；
開戶成功，并且進(jìn)行驗(yàn)證；
在線簽署協(xié)議，并接入，即可完成接入。
原生微信h5支付
發(fā)布時(shí)間：2023-03-25 02:55:00
稿源：
創(chuàng)意嶺 閱讀：
975
問大家
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于原生微信h5支付的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。
開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等
只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng)：https://ai.de1919.com，如需咨詢相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008
本文目錄:
一、微信支付和H5支付的區(qū)別是什么？
APP微信支付的申請(qǐng)流程如下：
h5支付是用在公眾號(hào)內(nèi) 。
二、微信app支付和h5支付的區(qū)別
APP支付，微信公眾號(hào)支付，H5支付，三個(gè)是不一樣的支付方式，H5支付是通過谷歌或者手機(jī)自帶瀏覽器等調(diào)轉(zhuǎn)調(diào)取支付寶APP或微信APP完成支付的一種方式（非微信內(nèi)嵌瀏覽器），而APP支付是通過SDK，所以是有區(qū)別的. 提供H5支付接口，用于數(shù)娛，1.5-2.
三、微信h5支付 可以在微信中使用嗎
微信公眾號(hào)可以支持H5支付，需要是認(rèn)證的服務(wù)號(hào)，而且是在微信公眾號(hào)平臺(tái)上申請(qǐng)開通微信支付才可以用的，登錄進(jìn)去選擇產(chǎn)品中心，我的產(chǎn)品，支付產(chǎn)品，H5支付，一步一步選擇，提交一些信息開通之后就可以，把渠道參數(shù)填好在對(duì)應(yīng)的位置上，開通之后就可以支付。
四、iOS H5調(diào)用微信(支付寶)支付與回調(diào)
利用WKWebView加載網(wǎng)頁，在app中處理H5頁面調(diào)用微信支付 ------ 實(shí)現(xiàn)WKNavigationDelegate協(xié)議
該方法是決定H5頁面是否允許跳轉(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ì)異常
}
很多小伙伴兒都遇到回跳的問題，點(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)地址來刷新支付頁面的，但問題是iOS的回調(diào)地址中一定要寫成 www.xxxx.com:// 這樣的格式才能跳回來，但是調(diào)回來后沒有執(zhí)行回調(diào)地址，頁面又刷新不了，或者跳回來后是個(gè)空白頁，這又產(chǎn)生了一個(gè)新的問題。當(dāng)點(diǎn)擊微信支付頁上的“完成”或“取消”返回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的支付寶支付問題 可以提供兩種解決辦法
第一種 調(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);
// 先判斷一下，找到需要跳轉(zhuǎn)的再做處理
if([urlSchemeisEqualToString:@"alipay"]) {
// 1.以？號(hào)來切割字符串
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.然后把處理后的，和最開始切割的做下拼接，就得到了最終的字符串
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（也就是看看能不能打開這個(gè)URL）
if ([[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:finalStr]]) {
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:finalStr]];
}
});
// 2.這里告訴頁面不走了 -_-
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里面來
- (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)的成功頁URL
NSString*urlStr = result[@"returnUrl"];
}
}];
if(isIntercepted) {
decisionHandler(WKNavigationActionPolicyCancel);
return;
}
decisionHandler(WKNavigationActionPolicyAllow);
}
以上就是關(guān)于原生微信h5支付相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。
推薦閱讀：
一個(gè)原生態(tài)的景觀設(shè)計(jì)（一個(gè)原生態(tài)的景觀設(shè)計(jì)是什么）
怎樣區(qū)分h5頁面和原生（怎樣區(qū)分h5頁面和原生頁面區(qū)別）
常州景觀設(shè)計(jì)哪家便宜好（常州景觀設(shè)計(jì)院）
猜你喜歡
手機(jī)網(wǎng)頁漫畫怎么破解付費(fèi)（手機(jī)網(wǎng)頁漫畫怎么破解付費(fèi)賬號(hào)）
新注冊(cè)公司名稱大全免費(fèi)（新注冊(cè)公司名稱大全免費(fèi)四個(gè)字）
華為錢包支付就是pay支付嗎（華為錢包支付就是pay支付嗎）
如何掃二維碼轉(zhuǎn)賬（如何掃二維碼轉(zhuǎn)賬給別人）
貴陽網(wǎng)絡(luò)推廣公司哪家強(qiáng)（貴陽網(wǎng)絡(luò)推廣公司哪家好）
國(guó)產(chǎn)網(wǎng)?。▏?guó)產(chǎn)網(wǎng)劇推薦）
贛公網(wǎng)安備 50019002502384號(hào)
