uniapp支付宝支付的前端开发经验分享

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp支付宝支付的前端开发经验分享相关的知识,希望对你有一定的参考价值。

参考技术A

首先在对项目开启支付功能,在项目的manifest.json文件中勾选APP模块配置中的Payment支付模块,并且勾选支付宝支付和下面列出的iosandroid

根据需要在h5跟APP端都做支付宝的唤起支付,唤起orderInfo 的格式在APP和h5上有很大的差异,在这一点上浪费了一些时间,在此贴出支付宝的文档

支付宝开发文档

H5端唤起支付宝。所需要的参数是后端返回的一个form表单,获取成功后端返回的内容以后将表单内容用v-html置入标签中,然后提交表单便会执行唤起
针对于支付宝支付的使用,截取核心代码如下

其实开发完成以后发现APP端唤起支付宝更为简单,但是这个过程中踩过一个坑,我以为orderInfo的值可以参照文档和后端给的一些键值对在前端自己拼接,但是总是唤起失败,后来联系支付宝的蚂蚁技术支持中心的客服,经过沟通以后,才知道这个orderInfo必须在后端用支付宝SDK生成以后返回给前端,这样一来,果然唤起成功。 加粗样式

以上是关于uniapp支付宝支付的前端开发经验分享的主要内容,如果未能解决你的问题,请参考以下文章

uniapp开启微信支付支付宝支付 + Android Studio离线打包APK文件 (前端部分)

阿里支付宝前端团队负责人分享移动开发框架实践支付宝前端发展之路

uniapp开启微信支付支付宝支付 + Android Studio离线打包APK文件 (前端部分)

uniapp支付之支付宝APP支付

10月11日IC咖啡上海站叮咚小区主办:阿里支付宝前端团队负责人分享移动开发框架实践支付宝前端发展之路

支付宝前端工程师(杭州北京深圳)