1. 获取凭据
集成 SDK 需要先在 FinClip 平台中创建应用并绑定小程序,获得每个应用专属的
SDK KEY及SDK SECRET后,随后就可以在集成 SDK 时填写对应的参数。打开小程序时 SDK 会自动初始化,并校验SDK KEY,SDK SECRET与BundleID(Application ID)是否正确。
2. 集成插件
2.1 引入插件
在package.json文件中引入小程序 ReactNative 插件
"react-native-mopsdk": "^1.0.4"
安装插件
$ npm install react-native-mopsdk --save
$ react-native link react-native-mopsdk
2.2 初始化引擎
import MopSDK from 'react-native-mopsdk';
// 1. 引入 NativeModules, NativeEventEmitter
import { NativeModules, NativeEventEmitter } from 'react-native';
// 2. mop初始化
const eventEmitter = new NativeEventEmitter(NativeModules.FINMopSDK);
MopSDK.initialize({
appkey:
'SDK Key信息', // SDK Key
secret: 'SDK Secret信息', // SDK Secret
apiServer: '服务器地址', // 服务器地址
apiPrefix: '/api/v1/mop/', // 服务器接口请求路由前缀
nativeEventEmitter: eventEmitter,
finMopSDK: NativeModules.FINMopSDK,
}).then(res => {
console.log('初始化成功')
}).catch(err => {
console.log('初始化失败')
})
2.3 打开小程序
MopSDK.openApplet({appId: 'xxxx'}); // 小程序 AppID