移動端H5支付(微信和支付寶)

2022-08-11 06:42:12 字數 1353 閱讀 1431

我們直接進入主題吧,先說功能:

3、支付寶支付成功後重定向到指定頁面。

4、重定向位址帶引數返回。 

5、支付成功後,回到頁面開始進行輪詢,獲取支付成功的結果後結束輪詢。

下面是我的支付頁面結構圖:pay.html

至於調起支付的介面需要傳什麼引數,你們要和後台的哥們溝通好。

支付寶返回的是乙個表單,如圖:

這裡就已經在後台生成訂單號了,也就是已經存在該訂單了,接下來是去支付,**附上:

////

我這裡使用redirect_url來讓支付成功後重定向回指定頁面,並且後面帶了引數,引數為訂單id和使用者id和充值金額。

let return_url = `$&redirect_url=$?userinfomation=$|$|$`;

location.href =return_url;

} else

if ('選擇支付寶支付')

const div = document.createelement('divform');

div.innerhtml =paychanneldata;

if (!paytools.isios)

document.forms[0].submit();

}至此,整個支付流程就完成了。

支付寶的**位址的配置需要和後端協調好,讓他在發起訂單的介面增加乙個字段 returnurl(名字你們自己協調),然後把**位址傳給後台就可以了。

開發中遇到的問題:

官方給出的答覆是:

vue 移動端H5微信支付和支付寶支付

其實支付寶支付也有h5支付和支付寶瀏覽器支付,這裡只做h5支付,因為已經滿足了業務需求。1.支付寶中的h5支付和pc端的一樣,主要是後端的工作量,後端完成訂單的生成之後返給前端的是form表單,前端只需要負責做頁面的跳轉即可 立即支付按鈕 onsubmit elseif this payway 2 ...

微信h5支付

首先需要檢視文件 知道h5支付的步驟 1.前台頁面 h5充值 2.後台介面直接呼叫統一下單 if stringutils.isnotblank ver str string passback order.containskey passback order.get passback string m...

微信H5支付概述

接下下是平台設定,設定授權網域名稱,在介面設定中就能找到,包括js介面安全網域名稱和網頁授權網域名稱 這個點進去之後會看到最下面兩個 js介面安全網域名稱,這個可以設定三個,就是填寫你訪問頁面的網域名稱即可 設定的網域名稱要備案 然後設定支付網域名稱,設定路徑 商戶平台 產品中心 開發配置中設定網域...