App 中的 微信支付 支付寶支付

2021-10-11 15:26:22 字數 1984 閱讀 3612

("返回的事件"

,function()

);

weixinpay

(data)

else

if(document.attachevent)

}else},

onbridgeready()

,function

(res));

vm.number=

null

vm.$router.go(

-1) = vm.base_url + 'index.html#/depositresult'

}else);

}});

},function

wxpay

(params,callback)

else

if(document.attachevent)

}else

}function

onbridgeready

(params,callback)

,function

(res));

}

this

.commonutils.

wxpay

(res.data.data,

function

(payresult)

})

其實支付寶支付也有h5支付和支付寶瀏覽器支付,這裡只做h5支付,

支付寶中的h5支付和pc端的一樣,主要是後端的工作量,後端完成訂單的生成之後返給前端的是form表單,前端只需要負責做頁面的跳轉即可:

//立即支付按鈕

onsubmit()

});}

elseif(

this

.payway ==2)

},

選擇支付寶方式之後進入支付寶承載頁面:

"html"

>

<

/div>

<

/template>

export

default},

methods:

;this

.$api.orderpage.

videoalipay

(param)

.then

( res =>)}

)}},

mounted()

}<

/script>

當然不想寫承載頁的還有其他方法調起支付,具體邏輯具體分析,根據不同的業務型別去變通比如

const div = document.

createelement

('div');

div.innerhtml =

(res.data)

;是返回的表單

document.body.

(div)

;document.forms.alipaysubmit.

submit()

;

進入到支付寶支付頁進行支付

App 中的 微信支付 支付寶支付

返回的事件 function weixinpay data else if document.attachevent else onbridgeready function res vm.number null vm.router.go 1 vm.base url index.html deposi...

微信支付 支付寶支付

二 移動端支付寶支付 weixinpay data else if document.attachevent else onbridgeready function res vm.number null vm.router.go 1 vm.base url index.html depositres...

微信支付寶支付

備忘,如果有看到的小夥伴,希望能幫助到你 測試的時候一定要用自定義基座測試 證書檔案是你的.keystore檔案路徑,在生成證書的時候一點更要記住檔案位置和密碼!實在忘記了,就最簡單粗暴的方法,重新生成把,但是在重新生成時,一定要記得把相關用到證書資訊的地方全部修改一遍。cmd開啟 生成.keyst...