https://github.com/dai1254473705/react-native-alipay
使用react-native-yunpeng-alipay 支付宝支付demo
https://github.com/dai1254473705/react-native-alipay
alipay android ios react react-native zhi-fu-bao
Last synced: about 1 year ago
JSON representation
使用react-native-yunpeng-alipay 支付宝支付demo
- Host: GitHub
- URL: https://github.com/dai1254473705/react-native-alipay
- Owner: dai1254473705
- Created: 2018-07-07T05:51:54.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-07-07T08:38:48.000Z (almost 8 years ago)
- Last Synced: 2025-04-26T07:35:33.391Z (about 1 year ago)
- Topics: alipay, android, ios, react, react-native, zhi-fu-bao
- Language: Objective-C
- Homepage:
- Size: 286 KB
- Stars: 7
- Watchers: 0
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-native-alipay
使用react-native-yunpeng-alipay 支付宝支付demo
> + "react-native": "0.51.0",
> + "react-native-yunpeng-alipay": "^2.0.0"
### 链接
[react-native 中文网](https://reactnative.cn/docs/0.51/getting-started.html)
[react-native-yunpeng-alipay](https://www.npmjs.com/package/react-native-yunpeng-alipay)
> 下载
+ `git clone https://github.com/dai1254473705/react-native-alipay.git`
+ `yarn install`
+ 修改`node_modules/react-native-yupeng-alipay/android/src/main/java/com/yunpeng/alipay/AlipayPackage`为如下所示:
```
/**
* Created by m2mbob on 16/5/6.
*/
public class AlipayPackage implements ReactPackage {
@Override
public List createNativeModules(ReactApplicationContext reactContext) {
List modules = new ArrayList<>();
modules.add(new AlipayModule(reactContext));
return modules;
}
// @Override
// public List> createJSModules() {
// return Collections.emptyList();
// }
@Override
public List createViewManagers(ReactApplicationContext reactContext) {
return Collections.emptyList();
}
}
```
### app.js
在根目录下的app.js中,`Alipay.pay(data)`中的data是服务端生成的订单信息,需要先调用一个接口请求,然后才可以进行
支付调用,APP.js中为了方便,我直接写死了一个可用的数据测试Android,ios都通过了,然后注释掉了data,因此当前项目是可亲测可用的!!!
```
Alipay.pay(data).then(function(data){
console.log(data);
}, function (err) {
//没有安装支付宝APP
console.log(err);
});
```
### 具体安装配置流程
react-native-yunpeng-alipay:https://www.jianshu.com/p/d4388eba45cf
原生android:https://www.jianshu.com/p/e2026db4fa22