1. 后端调用支付宝api
2.前端拿到后端返回的url
3.前端在页面使用iframe嵌入请求支付宝
代码例:
// 后端返回的链接, 放入iframe的src中。这里使用官方提供的链接
const alipayUrl = "https://openapi.alipay.com/gateway.do?timestamp=2013-01-01 08:08:08&method=alipay.trade.page.pay&app_id=24610&sign_type=RSA2&sign=ERITJKEIJKJHKKKKKKKHJEREEEEEEEEEEE&version=1.0&charset=GBK&biz_content=AlipayTradePageCreateandpayModel"
<iframe
:src="alipayUrl"
ref="iframe"
frameborder="no"
border="0"
marginwidth="0"
marginheight="0"
scrolling="no"
width="120"
height="120"
style="overflow:hidden;">
</iframe>
这里建议选择模式4, 可自定义二维码大小,也不会显示文字。