位置: IT常识 - 正文
uniapp h5的支付宝，微信支付(uniapp接入支付宝)
编辑：rootadminuniapp h5的支付宝，微信支付 
本文链接地址:https://www.jiuchutong.com/zhishi/283777.html
转载请保留说明！
推荐整理分享uniapp h5的支付宝，微信支付(uniapp接入支付宝)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:uniapp支付功能,uniapp 支付宝小程序,uniapp支付功能,uniapp h5支付宝支付,uniapp 支付宝小程序,uniapp 支付宝小程序,uniapp 支付宝小程序,uniapp h5支付宝支付,内容如对您有帮助，希望把文章链接给更多的朋友！
根据官方文档可知，uniapp对h5平台的支付没有进行封装，这就需要我们的自己针对不同的情况进行处理。
uniapp官方支付文档：uni.requestPayment(OBJECT) | uni-app官网
前端在进行h5页面的支付处理的时还是较为简单的，不论是支付宝还是微信，一般都是后端调用官方的接口，将前端的传输过来的商品信息封装，调用官方统一下单接口，获取一个链接，前端通过链接唤起相应的支付请求。
一、支付宝前端代码：//html<view><!-- 省略无关内容 --><view class="alipaysubmit" v-html="formContent"></view></view>/*支付宝 h5网页支付，不支沙箱测试 uniapp的h5支付未做封装，核心原理是跳转到支付宝网页进行支付宝支付，根据支付宝官方，后台返回的数据唤醒支付宝（注意普通浏览器和微信内置浏览器的区别,因为微信浏览器不支持唤起支付宝）*/payment() { pay({}).then(res=> {//#ifdef H5if (!this.isWeixin()) { //检测是否是微信环境 //后端给的form表单，也是唤起支付宝的关键 that.formContent = res.data.alipayRequest; // 记得data中上一篇：Informer时序模型(代码解析)(时序模型算法)
下一篇：vue项目中使用md5加密、crypto-js加密、国密sm3、国密sm4(vue项目中使用opencv)
