uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器

源代码和出现的问题:


uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第1张图片

uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第2张图片uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第3张图片

问题描述:

uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第4张图片

想实现成这样:

uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第5张图片

问题原因:

uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第6张图片

中间出现的插曲:(附加明白的知识点)

uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第7张图片

解决方法:引导页加这个方法链接。

uniapp h5支付宝支付后端返回Form表单,前端如何处理_支付宝支付返回form表单-CSDN博客

order.vue订单页面的代码

补充:这里的支付宝支付还给后端传了字段,让后端判断一下,如果是app调起的支付,让后端返回url地址,如果是H5调起的支付,让后端返回from表单。

uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第8张图片

uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第9张图片



跳转引导页面的代码





引导页面的效果图:(安卓内置浏览器和苹果内置浏览器不一样的图标,做的有判断)

uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器_第10张图片

涉及到的知识点:涉及到很多东西,登录鉴权,调用支付拼接参数,还有支付完成的回调,以及支付参数的编码转换等等

你可能感兴趣的:(uni-app,微信)