简介
随着移动支付的发展,越来越多的应用需要用到移动支付功能。Braintree是一款支付服务提供商,在其SDK的基础上,有一款React Native的插件:react-native-payments-addon-braintree
。这款插件可以帮助开发者在React Native应用中集成Braintree支付服务,快速搭建移动支付解决方案。
安装
使用NPM安装插件:
npm install react-native-payments-addon-braintree --save
集成
在React Native项目中使用Braintree支付服务,需要进行以下集成步骤:
1. 导入库
在你的React Native应用程序的根目录下,新建一个文件夹,命名为 “ios ”或“android”, 根据你的应用程序的实际系统目录来命名。
mkdir ios
或
mkdir android
然后,将第三方库和框架添加到你的应用程序之中。 如果你的应用程序是iOS应用程序,则需要将库文件添加到“ios”目录下。 如果你的应用程序是Android应用程序,则需要将库文件添加到“android”目录下。这些库文件需要手动添加。React Native 不会为你处理此任务。
2. 配置Gradle
在android/app/build.gradle
中添加以下代码:
repositories { mavenCentral() } dependencies { … implementation 'com.braintreepayments.api:braintree:3.+' }
3. 配置Xcode
在ios/[app name]/Info.plist
中添加以下代码:
-- -------------------- ---- ------- --------------------------------- ------ ----------------------------- ------ ----------------------------------- ------ --------------------------------------------- ------- ------- ------- -------
4. 初始化插件
-- -------------------- ---- ------- ------ --------- ---- --------------------------------------- -- ---------- --- --------- ------- ---------------------- ---------- ----------------- -------- ------------------------ -- -------- -- - --------------- ---------------- ------ --- -- ------- -- - -------------------- ------------ --------- --------- ------- ---
authToken
是Braintree的服务器授权令牌,可以在你的Braintree账户中获得。
baseURL
是用于与Braintree服务器通信的URL,你需要将其设置为你自己的服务器地址。
5. 创建一个支付 UI
-- -------------------- ---- ------- ------ - --------------- - ---- --------------------------------- ----- ------------- ------- --------- - ------------------ - ------------- ---------- - - ----------- -- -- - -------- - ------ - ---------------- ---------------- -- - -------------------------- ------- -- -- -- - -
6. 发起支付
-- -------------------- ---- ------- ------ --------- ---- ---------------------------------------- --- ----------- - - ------- --------- -------- --------- -- ----------------------------------------------------- ------------ ------- -- - -- ------- ---------- -- ------- -- - -- ------- ------- ---
这样你就可以在你的React Native应用中使用Braintree付款了!
总结
以上是如何在React Native应用中集成Braintree支付服务的配方。希望这篇文章对你有所帮助。如果你有任何问题需要帮助,请随时联系我们。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005726181e8991b448e88dc