h5页面实现微信支付

最新推荐文章于 2025-02-23 17:41:34 发布

咕咚咕咚咚

最新推荐文章于 2025-02-23 17:41:34 发布

阅读量2.9k

点赞数

分类专栏：微信

本文链接：https://blog.youkuaiyun.com/Snow_GX/article/details/98176124

版权

本文档介绍了如何在H5页面中实现微信支付。前提条件是页面需在微信环境中打开。前端参考了微信官方文档，后端涉及统一下单和网页授权接口。通过微信授权获取code值，然后发送给后端接口以获取支付参数，在接口成功回调内完成支付流程设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提：h5页面在微信中打开，不支持非微信浏览器

前端参考地址：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6

后端参考地址（部分）：

统一下单https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1

网页授权https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

前端打开如下地址页面：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 若提示“该链接无法访问”，请检查参数是否填写错误，是否拥有scope参数对应的授权作用域权限。

其中redirect_uri是微信