react-native-puti-pay-基于ReactNative的微信、支付宝支付插件

项目标题: react-native-puti-pay-基于ReactNative的微信、支付宝支付插件

项目简介

react-native-puti-pay是一个基于ReactNative的插件，主要用于实现微信支付和支付宝支付功能。它提供了较为详细的安装和配置步骤，包括在iOS和Android系统上的操作流程。在iOS上涉及XCode中的项目配置、库的添加以及系统库的添加、白名单设置、URLScheme设置等；在Android上涉及MainActivity.java的修改、settings.gradle和build.gradle的配置，以及特定Activity的创建和AndroidManifest.xml的配置等。同时，该插件还提供了支付功能的使用方法，如设置微信ID、支付宝URLSchemes、开启支付宝沙箱模式，以及进行支付宝支付和微信支付的函数调用等。

项目目的

由于之前项目原因，开发者只需要微信和支付宝支付功能，或者在微信支付宝分享登录等功能已由其它第三方聚合平台（友盟）等完成的情况下，创建了这个专门用于微信和支付宝支付的插件，以满足特定项目对这两种支付方式集成的需求。

核心技术

此插件基于ReactNative开发，在iOS端涉及Objective-C语言（占84.2%），在Android端涉及Java语言（占11.1%），同时还包含部分JavaScript（占3.2%）和Ruby（占1.5%）。在技术实现上，它需要对iOS和Android的原生系统配置有深入的理解，如iOS的BuildPhases、Info.plist设置，Android的MainActivity、settings.gradle、build.gradle以及AndroidManifest.xml的相关配置等，以实现与微信和支付宝支付平台的对接。

实践案例

如果调用支付跳转到了微信或支付宝，不管支付成不成功也跳转回来并有相应的回调则说明已经集成成功了；若支付失败可能是所传入参数的问题。例如安卓微信支付时跳转到微信后闪退，是因为安卓的签名机制问题，安卓签名跟微信后台应用配置的签名不匹配，微信判定应用非法直接退出。解决办法是修改签名并且清理微信的数据（微信有缓存，需要直接清理数据，或者卸载重装，或者换台手机）；iOS支付完没有返回商家按钮的情况，是因为应用间跳转判断跳转到哪个应用是通过iOS配置中的URLScheme区分的，XPay.setWxId()，XPay.setAlipayScheme()方法都是通过支付的sdk将Scheme传给微信支付宝，支付成功后才能正确跳转回应用，也才有返回商家按钮，要是没有此功能，需要再对照文档检查一遍。

项目总结

react-native-puti-pay为基于ReactNative开发且需要集成微信和支付宝支付功能的项目提供了方便的解决方案。它详细地列出了在iOS和Android平台上的安装、配置和使用方法，并指出了一些常见问题及解决办法。如果你对这个项目有任何想法或者经验，欢迎在下方留言参与讨论。

项目地址

GitHub链接直达