react-native 集成支付宝sdk

最新推荐文章于 2024-06-25 09:31:07 发布

azhezzz

最新推荐文章于 2024-06-25 09:31:07 发布

阅读量3.1k

点赞数

文章标签： react-native 支付宝配置

本文链接：https://blog.csdn.net/azhezzz/article/details/80841831

版权

这篇博客详细介绍了如何在React-Native项目中集成支付宝SDK，包括Android和iOS的步骤。对于Android，涉及下载SDK、创建libs文件夹、修改build.gradle、AndroidManifest.xml、proguard-rules.pro，创建包名、模块及Package。iOS部分则讲解了导入SDK文件、新建Group、链接库、创建AlipayModule文件等步骤。完成集成后，可在RN中调用相关功能。

摘要由CSDN通过智能技术生成

Android

1.在蚂蚁金服开放平台下载支付宝SDK

2.在项目的android/app文件夹下新建文件夹libs，并将sdk放入其中

3.修改android/app/build.gradle

dependencies {
   
    compile fileTree(dir: "libs", include: ["*.jar"]) // 若有这一行，则自动将libs下的所有jar包引入
    compile "com.android.support:appcompat-v7:23.0.1"
    compile project(':RCTWeChat')
    compile files('libs/alipaySdk-20180601.jar') //集成支付宝sdk添加这一行```
    compile "com.facebook.react:react-native:+"  // From node_modules
}

4.修改android/app/src/main/AndroidManifest.xml

<!-- 支付宝 activity 声明 -->
<activity
    android:name="com.alipay.sdk.app.H5PayActivity"
    android:configChanges="orientation|keyboardHidden|navigation|screenSize"
    android:exported="false"
    android:screenOrientation="behind"
    android:windowSoftInputMode="adjustResize|stateHidden" >
</activity>
<activity
    android:name="com.alipay.sdk.app.H5AuthActivity"
    android:configChanges="orientation|keyboardHidden|navigation"
    android:exported="false"
    android:screenOrientation="behind"
    android:windowSoftInputMode="adjustResize|stateHidden" >
</activity>
<!-- 支付宝权限声明 -->
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission<