tnrn-pay v0.0.3
收银台 for React Native.
Getting Started
First, cd to your RN project directory, and install RNMK through rnpm . If you don't have rnpm, you can install RNMK from npm with the command npm i -S rnkit-pay and link it manually (see below).
iOS
React Native < 0.29 (Using rnpm)
rnpm install rnkit-payReact Native >= 0.29
$npm install -S rnkit-pay$react-native link rnkit-pay
Manually
- Add
node_modules/rnkit-pay/ios/RNKitPay.xcodeprojto your xcode project, usually under theLibrariesgroup - Add
libRNKitPay.a(fromProductsunderRNKitPay.xcodeproj) to build target'sLinked Frameworks and Librarieslist
Android
React Native < 0.29 (Using rnpm)
rnpm install rnkit-payReact Native >= 0.29
$npm install -S rnkit-pay$react-native link rnkit-pay
Manually
- JDK 7+ is required
Add the following snippet to your
android/settings.gradle:include ':rnkit-pay' project(':rnkit-pay').projectDir = new File(rootProject.projectDir, '../node_modules/rnkit-pay/android/app')Declare the dependency in your
android/app/build.gradledependencies { ... compile project(':rnkit-pay') }Import
import io.rnkit.pay.RNKitPayPackage;and register it in yourMainActivity(or equivalent, RN >= 0.32 MainApplication.java):@Override protected List<ReactPackage> getPackages() { return Arrays.asList( new MainReactPackage(), new RNKitPayPackage() ); }打开主工程的
AndroidManifest.xml添加如下内容
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.READ_SMS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
<!-- LLYT SDK START -->
<activity
android:name="com.yintong.secure.activity.BaseActivity"
android:configChanges="orientation|keyboardHidden"
android:screenOrientation="portrait"
android:theme="@android:style/Theme.Translucent.NoTitleBar"
android:windowSoftInputMode="adjustResize"></activity>
<service android:name="com.yintong.secure.service.PayService"></service>
<!-- LLYT SDK END -->Finally, you're good to go, feel free to require rnkit-pay in your JS files.
Have fun! :metal:
Basic Usage
Import library
import RNKitPay from 'rnkit-pay';一、调用认证支付
try {
let result = await RNKitPay.pay('Verify', payInfo);
console.log(result);
} catch (error) {
console.log(error.message);
}参数 payInfo 为服务端签名后的json字符串
Contribution
- @simamn The main author.
Questions
Feel free to contact me or create an issue
made with ♥
7 years ago