Compare commits
13 Commits
Author | SHA1 | Date | |
---|---|---|---|
![]() |
bbc36d501b | ||
![]() |
7c2f89ee0b | ||
![]() |
2c6d149047 | ||
![]() |
b082768cd9 | ||
![]() |
c686194c21 | ||
![]() |
abd48f74db | ||
![]() |
60d6d0a8f1 | ||
![]() |
3620e89bf3 | ||
![]() |
4c89c4e0e6 | ||
![]() |
bd3af94b32 | ||
![]() |
1440075ed4 | ||
![]() |
5ae0ad90ab | ||
![]() |
5de74df3b6 |
79
README.md
79
README.md
@@ -3,13 +3,18 @@ react-native-uiwjs-alipay
|
|||||||
|
|
||||||
基于 React Native 的宝支付插件。适用于商家在 App 应用中集成支付宝支付功能,商家 APP 调用支付宝提供的 SDK,SDK 再调用支付宝 APP 内的支付模块。如果用户已安装支付宝APP,商家APP会跳转到支付宝中完成支付,支付完后跳回到商家 APP 内,最后展示支付结果。如果用户没有安装支付宝 APP,商家 APP 内会调起支付宝网页支付收银台,用户登录支付宝账户,支付完后展示支付结果。完整实例 [Example](./example)
|
基于 React Native 的宝支付插件。适用于商家在 App 应用中集成支付宝支付功能,商家 APP 调用支付宝提供的 SDK,SDK 再调用支付宝 APP 内的支付模块。如果用户已安装支付宝APP,商家APP会跳转到支付宝中完成支付,支付完后跳回到商家 APP 内,最后展示支付结果。如果用户没有安装支付宝 APP,商家 APP 内会调起支付宝网页支付收银台,用户登录支付宝账户,支付完后展示支付结果。完整实例 [Example](./example)
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
1. Android:支持2.3及以上的系统版本运行。
|
1. Android:支持2.3及以上的系统版本运行。
|
||||||
2. iOS:iOS 6.0以上(包含iOS 6.0)。
|
2. iOS:iOS 6.0以上(包含iOS 6.0)。
|
||||||
3. 支持手机系统:iOS(苹果)、Android(安卓)。
|
3. 支持手机系统:iOS(苹果)、Android(安卓)。
|
||||||
4. 调试请注意 支付宝接入应用必须 `已审核通过`。
|
4. 调试请注意 支付宝接入应用必须 `已审核通过` 状态。
|
||||||
5. 适用于 `react-native >= 0.60+` 低版本未测试。
|
5. 支付宝开放平台-管理中心,签约 `APP支付` 和 `APP支付宝登录` 功能。
|
||||||
|
6. 适用于 `react-native >= 0.60+` 低版本未测试。
|
||||||
|
|
||||||
## Getting started
|
## 安装依赖
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
yarn add react-native-uiwjs-alipay
|
yarn add react-native-uiwjs-alipay
|
||||||
@@ -17,10 +22,13 @@ yarn add react-native-uiwjs-alipay
|
|||||||
$ cd ios && pod install
|
$ cd ios && pod install
|
||||||
```
|
```
|
||||||
|
|
||||||
## Usage
|
## API
|
||||||
|
|
||||||
> ⚠️ 注意支付成功返回结果是一个字符串,[返回内容](https://github.com/uiwjs/react-native-uiwjs-alipay/blob/96c86045a92b7668b51658c3e696d3cd0e5f2f9e/index.d.ts#L2-L82)
|
### `Alipay.alipay` 支付
|
||||||
> 支付宝需要设置 `Scheme`
|
|
||||||
|
- ⚠️ 注意支付成功返回结果是一个字符串,[返回内容](https://github.com/uiwjs/react-native-uiwjs-alipay/blob/4c89c4e0e623e5073e4dc84a86978b1c5da18704/index.d.ts#L50-L74)
|
||||||
|
- ⚠️ 支付宝需要设置 `Scheme` 和 iOS添加原生代码,才能支持支付和[回弹商家APP](#支付宝返回应用-ios-设置)的功能
|
||||||
|
- ⚠️ 支付宝 `管理中心-支付宝开放平台` 需要签约 [`APP支付`](https://opendocs.alipay.com/open/200/105310#%E6%B7%BB%E5%8A%A0%E5%BA%94%E7%94%A8%E5%8A%9F%E8%83%BD)
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
import Alipay from 'react-native-uiwjs-alipay';
|
import Alipay from 'react-native-uiwjs-alipay';
|
||||||
@@ -50,11 +58,48 @@ alipay_sdk=alipay-sdk-java-dynamicVersionNo&app_id=xxxxxxxxxxxxx&biz_content=%7B
|
|||||||
- ⚠️ 后台 SDK 根据所有数据生成 `sign`,建议通过 API 拿到这个数据,拼接数据会报错。
|
- ⚠️ 后台 SDK 根据所有数据生成 `sign`,建议通过 API 拿到这个数据,拼接数据会报错。
|
||||||
- ⚠️ `out_trade_no` 订单 id 和 `sign` 签名 是唯一的,每次不一样,需要后台生成。
|
- ⚠️ `out_trade_no` 订单 id 和 `sign` 签名 是唯一的,每次不一样,需要后台生成。
|
||||||
|
|
||||||
|
支付返回结果,支付宝[返回结果参数说明](https://github.com/uiwjs/react-native-uiwjs-alipay/blob/4c89c4e0e623e5073e4dc84a86978b1c5da18704/index.d.ts#L50-L74):
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"result": "{\"alipay_trade_app_pay_response\":{\"code\":\"10000\",\"msg\":\"Success\",\"app_id\":\"2021001172656340\",\"auth_app_id\":\"2021001172656340\",\"charset\":\"UTF-8\",\"timestamp\":\"2020-07-08 21:30:14\",\"out_trade_no\":\"123123213123214\",\"total_amount\":\"0.01\",\"trade_no\":\"2020070822001414841426413774\",\"seller_id\":\"2088421915791034\"},\"sign\":\"LY7wCsNLp+QnDqCq6VelY/RvyK7ZGY8wsXoKvS+Or7JjONLDUx5P6lDgqRKkpkng7br3y6GZzfGKaZ88Tf4eMnBMKyqU+huR2Um47xUxP383njvHlxuQZsSTLQZRswy4wmb/fPkFfvyH6Or6+oj0eboePOTu63bNr+h03w0QnP4znuHpfRuoVgWpsYh/6B1DL+4xfWRKJ21zm1SV9Feo9RWqnyTaGZyFVi6IKge0dUCYs9hXju95fOUVUOx5YflOFtSEnZafY9Ls4FCRQE1ANkjaKiKIE0+c4c4sEVEf/9Dwh88N+aSQOoLT+AV4RpjMoA8hF2k+vv2OKNeqr6SYGQ==\",\"sign_type\":\"RSA2\"}",
|
||||||
|
"resultStatus": "9000",
|
||||||
|
"memo": ""
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### `Alipay.authInfo` 登录授权
|
||||||
|
|
||||||
|
- ⚠️ 注意授权成功返回结果是一个字符串,[返回内容](https://github.com/uiwjs/react-native-uiwjs-alipay/blob/4c89c4e0e623e5073e4dc84a86978b1c5da18704/index.d.ts#L89-L113)
|
||||||
|
- ⚠️ 支付宝需要设置 `Scheme` 和 iOS添加原生代码,才能支持验证[回弹商家APP](#支付宝返回应用-ios-设置)的功能
|
||||||
|
- ⚠️ 支付宝 `管理中心-支付宝开放平台` 需要签约 [`APP支付宝登录`](https://opendocs.alipay.com/open/200/105310#%E6%B7%BB%E5%8A%A0%E5%BA%94%E7%94%A8%E5%8A%9F%E8%83%BD)
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
import Alipay from 'react-native-uiwjs-alipay';
|
||||||
|
|
||||||
|
// 设置 支付宝 URL Schemes,要表述他是宇宙唯一性,可以使用 `bundle Identifier`
|
||||||
|
// scheme = `alipay` + `APPID`,`APPID` 为支付宝分配给开发者的应用ID
|
||||||
|
Alipay.setAlipayScheme(scheme);
|
||||||
|
// 支付宝端支付
|
||||||
|
// authInfoStr 是后台拼接好的验证参数
|
||||||
|
// 如:apiname=com.alipay.account.auth&app_id=xxxxx&app_name=mc&auth_type=AUTHACCOUNT&biz_type=openservice&method=alipay.open.auth.sdk.code.get&pid=xxxxx&product_id=APP_FAST_LOGIN&scope=kuaijie&sign_type=RSA2&target_id=20141225xxxx&sign=fMcp4GtiM6rxSIeFnJCVePJKV43eXrUP86CQgiLhDHH2u%2FdN75eEvmywc2ulkm7qKRetkU9fbVZtJIqFdMJcJ9Yp%2BJI%2FF%2FpESafFR6rB2fRjiQQLGXvxmDGVMjPSxHxVtIqpZy5FDoKUSjQ2%2FILDKpu3%2F%2BtAtm2jRw1rUoMhgt0%3D
|
||||||
|
Alipay.authInfo(authInfoStr, (res)=> console.log(res))
|
||||||
|
```
|
||||||
|
|
||||||
|
授权返回结果,支付宝[返回结果参数说明](https://github.com/uiwjs/react-native-uiwjs-alipay/blob/4c89c4e0e623e5073e4dc84a86978b1c5da18704/index.d.ts#L89-L113):
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"resultStatus": "9000",
|
||||||
|
"memo": "处理成功",
|
||||||
|
"result": "success=true&result_code=200&app_id=202100117265&auth_code=8b6e5581b85WX84&scope=kuaijie&alipay_open_id=20881029919664670&user_id=20880025&target_id=15946456110003465"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
## 支付宝返回应用 iOS 设置
|
## 支付宝返回应用 iOS 设置
|
||||||
|
|
||||||
⚠️ Android 端不需要做任何设置。
|
- ⚠️ Android 端不需要做任何设置。
|
||||||
|
- ⚠️ 如果用户从 `支付宝App` 跳转到 `商家APP`,是通过系统功能切换,而不是通过 `支付宝APP` 功能键返回 `商家APP`,回调函数是不起作用的,可通过 [`AppState.addEventListener`](https://github.com/uiwjs/react-native-uiwjs-alipay/blob/5daea87bf0af05d60d0ae9e4c04e1e2d1a6e4273/example/App.js#L8-L24) 监听事件请求后台 API,来优化这一用户体验。
|
||||||
⚠️ 如果用户从 `支付宝App` 跳转到 `商家APP`,是通过系统功能切换,而不是通过 `支付宝APP` 功能键返回 `商家APP`,回调函数是不起作用的,可通过 [`AppState.addEventListener`](https://github.com/uiwjs/react-native-uiwjs-alipay/blob/5daea87bf0af05d60d0ae9e4c04e1e2d1a6e4273/example/App.js#L8-L24) 监听事件请求后台 API,来优化这一用户体验。
|
|
||||||
|
|
||||||
1. 在代码中设置支付宝 [`URL Schemes`](https://github.com/uiwjs/react-native-uiwjs-alipay/blob/5daea87bf0af05d60d0ae9e4c04e1e2d1a6e4273/example/App.js#L7),下面实例 [`uiwjspay`](https://github.com/uiwjs/react-native-uiwjs-alipay/commit/f6d21b6b7ec7236b195c56281f971092f3c9bb08) 是定义的 `scheme`,你也可以定义为 `alipay` + `appid`,`appid` 为支付宝分配给开发者的应用ID,用来表述 `scheme` 唯一性。
|
1. 在代码中设置支付宝 [`URL Schemes`](https://github.com/uiwjs/react-native-uiwjs-alipay/blob/5daea87bf0af05d60d0ae9e4c04e1e2d1a6e4273/example/App.js#L7),下面实例 [`uiwjspay`](https://github.com/uiwjs/react-native-uiwjs-alipay/commit/f6d21b6b7ec7236b195c56281f971092f3c9bb08) 是定义的 `scheme`,你也可以定义为 `alipay` + `appid`,`appid` 为支付宝分配给开发者的应用ID,用来表述 `scheme` 唯一性。
|
||||||
|
|
||||||
@@ -108,7 +153,10 @@ Alipay.alipay(payInfo, (res)=>console.log(res))
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
命令测试 `xcrun simctl openurl booted uiwjspay://`
|
**命令测试**
|
||||||
|
|
||||||
|
- iOS: `xcrun simctl openurl booted uiwjspay://`
|
||||||
|
- Android:`adb shell am start -W -a android.intent.action.VIEW -d "uiwjspay://test/router" com.uiwjspay`
|
||||||
|
|
||||||
## 错误处理
|
## 错误处理
|
||||||
|
|
||||||
@@ -116,7 +164,7 @@ Alipay.alipay(payInfo, (res)=>console.log(res))
|
|||||||
[NetworkInfo] Signal strength query returned error: Error Domain=NSPOSIXErrorDomain Code=13 "Permission denied", descriptor: <CTServiceDescriptor 0x283317100, domain=1, instance=1>
|
[NetworkInfo] Signal strength query returned error: Error Domain=NSPOSIXErrorDomain Code=13 "Permission denied", descriptor: <CTServiceDescriptor 0x283317100, domain=1, instance=1>
|
||||||
```
|
```
|
||||||
|
|
||||||
在 `Product` -> `Scheme` -> `Edit Scheme` -> `Run` -> `Environment Variables` 添加 `OS_ACTIVITY_MODE` `disable`
|
在 `Product` -> `Scheme` -> `Edit Scheme` -> `Run` -> `Arguments` -> `Environment Variables` 添加 `OS_ACTIVITY_MODE` `disable`
|
||||||
|
|
||||||
## 其它
|
## 其它
|
||||||
|
|
||||||
@@ -128,7 +176,10 @@ npx create-react-native-module --package-identifier com.uiwjs --generate-example
|
|||||||
|
|
||||||
## 相关连接
|
## 相关连接
|
||||||
|
|
||||||
- [支付宝生成秘钥指南](https://opendocs.alipay.com/open/291/105971)
|
- [支付宝:生成秘钥指南](https://opendocs.alipay.com/open/291/105971)
|
||||||
- [支付宝 SDK 下载地址,当前使用的是 AlipaySDK 15.7.7](https://opendocs.alipay.com/open/54/104509)
|
- [支付宝:SDK 下载地址,当前使用的是 AlipaySDK 15.7.7](https://opendocs.alipay.com/open/54/104509)
|
||||||
- [客户端调试工具及使用教程](https://openclub.alipay.com/club/history/read/7695)
|
- [支付宝:客户端调试工具及使用教程](https://openclub.alipay.com/club/history/read/7695)
|
||||||
|
- [支付宝:支付,接入前准备](https://opendocs.alipay.com/open/204/105297/)
|
||||||
|
- [支付宝:完整版授权 SDK 调用方法](https://opendocs.alipay.com/open/218/105325)
|
||||||
|
- [支付宝:异步通知错误码: IllRet](https://opensupport.alipay.com/support/problem.htm?ant_source=antsupport)
|
||||||
- [React-native 0.6版本集成支付宝-Alipay爬坑](https://segmentfault.com/a/1190000020758279)
|
- [React-native 0.6版本集成支付宝-Alipay爬坑](https://segmentfault.com/a/1190000020758279)
|
||||||
|
@@ -4,6 +4,7 @@ import com.alipay.sdk.app.AuthTask;
|
|||||||
import com.alipay.sdk.app.PayTask;
|
import com.alipay.sdk.app.PayTask;
|
||||||
import com.alipay.sdk.app.EnvUtils;
|
import com.alipay.sdk.app.EnvUtils;
|
||||||
import com.facebook.react.bridge.Arguments;
|
import com.facebook.react.bridge.Arguments;
|
||||||
|
import com.facebook.react.bridge.Promise;
|
||||||
import com.facebook.react.bridge.ReactApplicationContext;
|
import com.facebook.react.bridge.ReactApplicationContext;
|
||||||
import com.facebook.react.bridge.ReactContextBaseJavaModule;
|
import com.facebook.react.bridge.ReactContextBaseJavaModule;
|
||||||
import com.facebook.react.bridge.ReactMethod;
|
import com.facebook.react.bridge.ReactMethod;
|
||||||
@@ -33,6 +34,20 @@ public class AlipayModule extends ReactContextBaseJavaModule {
|
|||||||
// callback.invoke("Received numberArgument: " + numberArgument + " stringArgument: " + stringArgument);
|
// callback.invoke("Received numberArgument: " + numberArgument + " stringArgument: " + stringArgument);
|
||||||
// }
|
// }
|
||||||
|
|
||||||
|
@ReactMethod
|
||||||
|
public void authInfo(final String infoStr, final Callback promise) {
|
||||||
|
Runnable runnable = new Runnable() {
|
||||||
|
@Override
|
||||||
|
public void run() {
|
||||||
|
AuthTask alipay = new AuthTask(getCurrentActivity());
|
||||||
|
Map<String, String> map = alipay.authV2(infoStr, true);
|
||||||
|
promise.invoke(getWritableMap(map));
|
||||||
|
}
|
||||||
|
};
|
||||||
|
Thread thread = new Thread(runnable);
|
||||||
|
thread.start();
|
||||||
|
}
|
||||||
|
|
||||||
@ReactMethod
|
@ReactMethod
|
||||||
public void setAlipaySandbox(Boolean isSandbox) {
|
public void setAlipaySandbox(Boolean isSandbox) {
|
||||||
if (isSandbox) {
|
if (isSandbox) {
|
||||||
@@ -48,11 +63,7 @@ public class AlipayModule extends ReactContextBaseJavaModule {
|
|||||||
public void run() {
|
public void run() {
|
||||||
PayTask alipay = new PayTask(getCurrentActivity());
|
PayTask alipay = new PayTask(getCurrentActivity());
|
||||||
Map<String, String> result = alipay.payV2(orderInfo, true);
|
Map<String, String> result = alipay.payV2(orderInfo, true);
|
||||||
WritableMap map = Arguments.createMap();
|
promise.invoke(getWritableMap(result));
|
||||||
map.putString("memo", result.get("memo"));
|
|
||||||
map.putString("result", result.get("result"));
|
|
||||||
map.putString("resultStatus", result.get("resultStatus"));
|
|
||||||
promise.invoke(map);
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
// 必须异步调用
|
// 必须异步调用
|
||||||
@@ -60,4 +71,11 @@ public class AlipayModule extends ReactContextBaseJavaModule {
|
|||||||
payThread.start();
|
payThread.start();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private WritableMap getWritableMap(Map<String, String> map) {
|
||||||
|
WritableMap writableMap = Arguments.createMap();
|
||||||
|
for (Map.Entry<String, String> entry : map.entrySet()) {
|
||||||
|
writableMap.putString(entry.getKey(), entry.getValue());
|
||||||
|
}
|
||||||
|
return writableMap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@@ -5,28 +5,19 @@ import Alipay from 'react-native-uiwjs-alipay';
|
|||||||
export default class App extends Component {
|
export default class App extends Component {
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
Alipay.setAlipayScheme('uiwjspay');
|
Alipay.setAlipayScheme('uiwjspay');
|
||||||
AppState.addEventListener('change', this._handleAppStateChange);
|
|
||||||
}
|
|
||||||
componentWillUnmount(){
|
|
||||||
AppState.removeEventListener('change', this._handleAppStateChange)
|
|
||||||
}
|
|
||||||
// [info][tid:com.facebook.react.JavaScript] 'nextAppState:', 'inactive'
|
|
||||||
// [info][tid:com.facebook.react.JavaScript] 'nextAppState:', 'background'
|
|
||||||
// [info][tid:com.facebook.react.JavaScript] 'nextAppState:', 'active'
|
|
||||||
// [info][tid:com.facebook.react.JavaScript] 'nextAppState:res:', null
|
|
||||||
_handleAppStateChange = (nextAppState) => {
|
|
||||||
console.log('nextAppState:', nextAppState)
|
|
||||||
if(nextAppState==='active'){
|
|
||||||
Linking.getInitialURL().then(res => {
|
|
||||||
console.log('nextAppState:res:', res)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
aliPay = () => {
|
aliPay = () => {
|
||||||
// return_url=
|
// return_url=
|
||||||
const payInfo = `alipay_sdk=alipay-sdk-java-dynamicVersionNo&app_id=2021001172656340&biz_content=%7B%22out_trade_no%22%3A%221111112222222%22%2C%22total_amount%22%3A%220.01%22%2C%22subject%22%3A%221234%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%7D&charset=UTF-8&format=json&method=alipay.trade.app.pay¬ify_url=http%3A%2F%2Fane.boshu.ltd%2Fowner%2Fpay%2Fapi%2FownerPay%2Fcallback&sign=oUQmGtkv8mrhJ0YwHl9%2FfxMcoLACWuSFKiMTC4Id8nc%2FZVvDQ6MLQq5hhtEN03Qn1%2BAtzTAaofE8nNixdroxOek2l5YtOAcYcXVYlJIyogN%2B22erN2NpDTWJ7tQTKgYFDJLRiG0DZJaxfADhUUF6UR9kdA8omoXKLDlP17ZPUs5Jr4aKv5HJtH5C53ui7PbmyWYg934L4UDC2F%2F9pPQlRwwDeE1SAaV3HW9Dt83kK52o8%2FlChXdotbFdAvH0d4qYGhpEYU5sepj9xiOMyL9aC4pMXW9INYLLGbvtqtlRchZTAfH5yji6nqqQm9KKMmcVrWdBDLyjFVNpejq1UjbJBw%3D%3D&sign_type=RSA2×tamp=2020-07-09+12%3A16%3A16&version=1.0`;
|
const payInfo = 'alipay_sdk=alipay-sdk-java-dynamicVersionNo&app_id=2021001172656340&biz_content=%7B%22out_trade_no%22%3A%221111112222222%22%2C%22total_amount%22%3A%220.01%22%2C%22subject%22%3A%221234%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%7D&charset=UTF-8&format=json&method=alipay.trade.app.pay¬ify_url=http%3A%2F%2Fane.boshu.ltd%2Fowner%2Fpay%2Fapi%2FownerPay%2Fcallback&sign=oUQmGtkv8mrhJ0YwHl9%2FfxMcoLACWuSFKiMTC4Id8nc%2FZVvDQ6MLQq5hhtEN03Qn1%2BAtzTAaofE8nNixdroxOek2l5YtOAcYcXVYlJIyogN%2B22erN2NpDTWJ7tQTKgYFDJLRiG0DZJaxfADhUUF6UR9kdA8omoXKLDlP17ZPUs5Jr4aKv5HJtH5C53ui7PbmyWYg934L4UDC2F%2F9pPQlRwwDeE1SAaV3HW9Dt83kK52o8%2FlChXdotbFdAvH0d4qYGhpEYU5sepj9xiOMyL9aC4pMXW9INYLLGbvtqtlRchZTAfH5yji6nqqQm9KKMmcVrWdBDLyjFVNpejq1UjbJBw%3D%3D&sign_type=RSA2×tamp=2020-07-09+12%3A16%3A16&version=1.0';
|
||||||
Alipay.alipay(payInfo, (resule) => {
|
Alipay.alipay(payInfo, (resule) => {
|
||||||
console.log('resule-->>>', resule)
|
console.log('alipay:resule-->>>', resule)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
authInfo = () => {
|
||||||
|
const authInfoStr = 'app_name=mc&auth_type=AUTHACCOUNT&apiname=com.alipay.account.auth&biz_type=openservice&product_id=APP_FAST_LOGIN&scope=kuaijie&pid=2088421915791034&target_id=15946456110003465&app_id=2021001172656340&sign_type=RSA2&sign=keluG28qbbLwAcSDI4VmCNOGHJoF3xgpVeqXu1nCBCYo%2FlYYGe00fTfV9L4G73Sk7%2B4IwK%2BZV8IL%2F04cVtk6SR74lKAR3rYOoUdQ09ZrZFuQoUkO0vekajhp75IDQIg6PedCyY0SjFTqrHlH%2FImscBwitxrlSc9YbN7uW0gY34K8t7v8NhDoqzKJeoIz43UxF5U1DpUA1ISBVxwO7du1t6rYltsRhReayPS3hnvmwYSKQZUEgBvJ%2BT2XdyCaz%2FdGV907lYagPp1Oxkoaj%2FvW5NjNsRnid7vH944CoFj9XtBK%2FNTk2tBPTHFxYRQTEG1PkgkBohGpAWOFGGOuapH0ag%3D%3D';
|
||||||
|
Alipay.authInfo(authInfoStr, (resule) => {
|
||||||
|
// resule => success=true&auth_code=9c11732de44f4f1790b63978b6fbOX53&result_code=200&alipay_open_id=20881001757376426161095132517425&user_id=2088003646494707
|
||||||
|
console.log('authInfo:resule-->>>', resule)
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
render() {
|
render() {
|
||||||
@@ -39,6 +30,12 @@ export default class App extends Component {
|
|||||||
color="#841584"
|
color="#841584"
|
||||||
accessibilityLabel="Learn more about this purple button"
|
accessibilityLabel="Learn more about this purple button"
|
||||||
/>
|
/>
|
||||||
|
<Button
|
||||||
|
onPress={this.authInfo}
|
||||||
|
title="登录验证"
|
||||||
|
color="#841584"
|
||||||
|
accessibilityLabel="Learn more about this purple button"
|
||||||
|
/>
|
||||||
</View>
|
</View>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
50
index.d.ts
vendored
50
index.d.ts
vendored
@@ -47,13 +47,13 @@ export interface AliOrderResult {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
interface OrderResult {
|
||||||
interface Resule {
|
|
||||||
/**
|
/**
|
||||||
* "Error Domain=系统繁忙,请稍后再试 Code=1000 "(null)""
|
* @callback AliOrderResult
|
||||||
* 优惠券备注信息
|
* 支付返回结果:
|
||||||
|
* 支付宝支付返回结果文档地址:https://opendocs.alipay.com/open/204/105301#%E8%BF%94%E5%9B%9E%E7%BB%93%E6%9E%9C%E7%A4%BA%E4%BE%8B%EF%BC%88iOS%7CAndroid%EF%BC%89
|
||||||
|
* '{"alipay_trade_app_pay_response":{"code":"10000","msg":"Success","app_id":"2021001172656340","auth_app_id":"2021001172656340","charset":"UTF-8","timestamp":"2020-07-08 21:30:14","out_trade_no":"123123213123214","total_amount":"0.01","trade_no":"2020070822001414841426413774","seller_id":"2088421915791034"},"sign":"LY7wCsNLp+QnDqCq6VelY/RvyK7ZGY8wsXoKvS+Or7JjONLDUx5P6lDgqRKkpkng7br3y6GZzfGKaZ88Tf4eMnBMKyqU+huR2Um47xUxP383njvHlxuQZsSTLQZRswy4wmb/fPkFfvyH6Or6+oj0eboePOTu63bNr+h03w0QnP4znuHpfRuoVgWpsYh/6B1DL+4xfWRKJ21zm1SV9Feo9RWqnyTaGZyFVi6IKge0dUCYs9hXju95fOUVUOx5YflOFtSEnZafY9Ls4FCRQE1ANkjaKiKIE0+c4c4sEVEf/9Dwh88N+aSQOoLT+AV4RpjMoA8hF2k+vv2OKNeqr6SYGQ==","sign_type":"RSA2"}'
|
||||||
*/
|
*/
|
||||||
memo: string;
|
|
||||||
result?: string;
|
result?: string;
|
||||||
/**
|
/**
|
||||||
* 9000 订单支付成功
|
* 9000 订单支付成功
|
||||||
@@ -66,6 +66,11 @@ interface Resule {
|
|||||||
* 其它 其它支付错误
|
* 其它 其它支付错误
|
||||||
*/
|
*/
|
||||||
resultStatus?: '9000' | '8000' | '4000' | '5000' | '6001' | '6002' | '6004' | string;
|
resultStatus?: '9000' | '8000' | '4000' | '5000' | '6001' | '6002' | '6004' | string;
|
||||||
|
/**
|
||||||
|
* "Error Domain=系统繁忙,请稍后再试 Code=1000 "(null)""
|
||||||
|
* 优惠券备注信息
|
||||||
|
*/
|
||||||
|
memo: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 错误返回
|
// 错误返回
|
||||||
@@ -81,13 +86,46 @@ interface Resule {
|
|||||||
// memo: ''
|
// memo: ''
|
||||||
// }
|
// }
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 快速登录授权
|
||||||
|
* https://opendocs.alipay.com/open/218/105327#%E8%BF%94%E5%9B%9E%E7%BB%93%E6%9E%9C%E8%AF%B4%E6%98%8E
|
||||||
|
*/
|
||||||
|
interface AuthResult {
|
||||||
|
/**
|
||||||
|
* 长度:144,本次操作返回的结果数据。
|
||||||
|
* - `result_code` 具体状态码值请参见“result_code状态代码”。仅当resultStatus为“9000”且result_code为“200”时,代表授权成功。
|
||||||
|
* - `auth_code` 表示授权成功的授码。
|
||||||
|
* @example `success=true&auth_code=9c11732de44f4f1790b63978b6fbOX53&result_code=200&alipay_open_id=20881001757376426161095132517425&user_id=2088003646494707`
|
||||||
|
*/
|
||||||
|
result: string;
|
||||||
|
/**
|
||||||
|
* 长度:5,本次操作的状态返回值,标识本次调用的结果,参见“resultStatus状态代码”。
|
||||||
|
* - 9000 请求处理成功
|
||||||
|
* - 4000 系统异常
|
||||||
|
* - 6001 用户中途取消
|
||||||
|
* - 6002 网络连接出错
|
||||||
|
*/
|
||||||
|
resultStatus: '9000' | '4000' | '6001' | '6002';
|
||||||
|
/**
|
||||||
|
* 长度:无,保留参数,一般无内容。 处理成功
|
||||||
|
*/
|
||||||
|
memo: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
export const Alipay: {
|
export const Alipay: {
|
||||||
/**
|
/**
|
||||||
|
* 支付
|
||||||
* @param payInfo 支付详情
|
* @param payInfo 支付详情
|
||||||
* @param result 支付宝回调结果
|
* @param result 支付宝回调结果
|
||||||
*/
|
*/
|
||||||
alipay: (payInfo: string, callback?: (result: Resule) => void) => void;
|
alipay: (payInfo: string, callback?: (result: OrderResult) => void) => void;
|
||||||
|
/**
|
||||||
|
* 快速登录授权
|
||||||
|
* @param authInfoStr 验证详情
|
||||||
|
* @param result 支付宝回调结果
|
||||||
|
*/
|
||||||
|
authInfo: (authInfoStr: string, callback?: (result: AuthResult) => void) => void;
|
||||||
/**
|
/**
|
||||||
* 设置支付宝跳转Scheme,仅 iOS
|
* 设置支付宝跳转Scheme,仅 iOS
|
||||||
* @param scheme scheme = `ap` + `APPID`
|
* @param scheme scheme = `ap` + `APPID`
|
||||||
|
9
index.js
9
index.js
@@ -11,6 +11,15 @@ export default class Alipay {
|
|||||||
NativeModules.Alipay.alipay(orderInfo, callback)
|
NativeModules.Alipay.alipay(orderInfo, callback)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 支付宝授权请求信息
|
||||||
|
* @param infoStr 授权请求信息字串
|
||||||
|
* @param callback 授权结果回调 详情见 https://opendocs.alipay.com/open/218/105325
|
||||||
|
*/
|
||||||
|
static authInfo(infoStr, callback) {
|
||||||
|
NativeModules.Alipay.authInfo(infoStr, callback)
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 设置支付宝跳转Scheme,仅 iOS
|
* 设置支付宝跳转Scheme,仅 iOS
|
||||||
* @param scheme
|
* @param scheme
|
||||||
|
15
ios/Alipay.m
15
ios/Alipay.m
@@ -66,13 +66,22 @@ RCT_EXPORT_MODULE()
|
|||||||
RCT_EXPORT_METHOD(setAlipayScheme:(NSString *)scheme){
|
RCT_EXPORT_METHOD(setAlipayScheme:(NSString *)scheme){
|
||||||
alipayScheme = scheme;
|
alipayScheme = scheme;
|
||||||
}
|
}
|
||||||
|
|
||||||
RCT_EXPORT_METHOD(alipay:(NSString *)info callback:(RCTResponseSenderBlock)callback)
|
RCT_EXPORT_METHOD(alipay:(NSString *)info callback:(RCTResponseSenderBlock)callback)
|
||||||
{
|
{
|
||||||
alipayCallBack = callback;
|
alipayCallBack = callback;
|
||||||
dispatch_async(dispatch_get_main_queue(), ^{
|
dispatch_async(dispatch_get_main_queue(), ^{
|
||||||
[[AlipaySDK defaultService] payOrder:info fromScheme:alipayScheme callback:^(NSDictionary *resultDic) {
|
[[AlipaySDK defaultService] payOrder:info fromScheme: alipayScheme callback:^(NSDictionary *resultDic) {
|
||||||
NSLog(@"alipay:callback");
|
callback([[NSArray alloc] initWithObjects:resultDic, nil]);
|
||||||
|
}];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
RCT_EXPORT_METHOD(authInfo:(NSString *)info callback:(RCTResponseSenderBlock)callback)
|
||||||
|
{
|
||||||
|
alipayCallBack = callback;
|
||||||
|
dispatch_async(dispatch_get_main_queue(), ^{
|
||||||
|
[[AlipaySDK defaultService] auth_V2WithInfo:info fromScheme:alipayScheme callback:^(NSDictionary *resultDic) {
|
||||||
callback([[NSArray alloc] initWithObjects:resultDic, nil]);
|
callback([[NSArray alloc] initWithObjects:resultDic, nil]);
|
||||||
}];
|
}];
|
||||||
});
|
});
|
||||||
|
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "react-native-uiwjs-alipay",
|
"name": "react-native-uiwjs-alipay",
|
||||||
"version": "1.2.0",
|
"version": "1.3.1",
|
||||||
"description": "基于 React Native 的宝支付插件",
|
"description": "基于 React Native 的宝支付插件",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"files": [
|
"files": [
|
||||||
|
Reference in New Issue
Block a user