295 字
1 分钟
支付宝收款码前端动态渲染
2025-05-14

支付宝收款码使用浏览器动态渲染#

无需自己上传收款码图片,用户输入金额后前端自动生成对应金额的转账二维码,个人账户原生支持,只需到官网获取账户ID即可调用。

先看成果:#

❤️ 支持作者

打开支付宝扫码打赏

技术解析#

原理是前端调用alipays://支付宝私有协议,是支付宝Alipay客户端使用的私有 URL 协议,也叫URL Scheme,用于通过网页、App 或其他外部应用调用支付宝客户端,执行特定动作,比如打开某个页面、发起支付、跳转小程序等。

示例:

alipays://platformapi/startapp?appId=20000123&actionType=scan&biz_data={"s":"money","u":"2088xxxxxx","a":"10","m":"打赏支持"}

然后使用qrcode将私有协议链接转换为二维码就行了。

参数解析:

appId=20000123:支付宝内置的”转账到个人账户”功能编号

actionType=scan:指定操作为扫码支付

biz_data:核心业务参数(JSON格式,需URL编码):

s: "money":固定值,表示转账业务

u: "2088xxxxxx":收款方支付宝UID(用户唯一标识)

a: "10":初始转账金额(单位:元)

m: "打赏支持":转账备注(显示在支付宝账单)

支付宝收款码前端动态渲染
https://emohe.cn/posts/27/
作者
阿涛の小破站
发布于
2025-05-14
许可协议
CC BY-NC-SA 4.0