react-native-wechat 包使用微信支付的总结

最新推荐文章于 2026-01-09 02:17:23 发布

原创

最新推荐文章于 2026-01-09 02:17:23 发布 · 1.4k 阅读

标签

#js

收录于

本文详细介绍了在React Native中使用`react-native-wechat`包实现微信支付的过程，强调了查看官方文档的重要性。关键步骤包括统一下单、调起支付接口以及生成签名，特别提醒注意参数的字典序排序、参数值为空时不参与签名、所有key使用小写以及使用微信提供的签名校验工具。确保这些细节正确无误，可以有效避免支付过程中遇到的常见问题。

第一个重点：看官方文档，两个页介绍，很简单的，就是了解一下支付流程。

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

2、调起支付接口：https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_12&index=2

支付整个流程简单来说就2步：

生成预支付订单
根据预支付订单ID（prepayid）+ 相关参数请求支付接口。

拉起微信支付的返回结果：3种可能，出错基本都是返回-1，能调起支付基本就完成95%了

名称	描述	解决方案
0	成功	展示成功页面
-1	错误	可能的原因：签名错误、未注册APPID、项目设置APPID不正确、注册的APPID与设置的不匹配、其他异常等。
-2	用户取消	无需处理。发生场景：用户不支付了，点击取消，返回APP。