React Native集成Finclip SDK

214 阅读1分钟

1. 获取凭据

集成 SDK 需要先在 FinClip 平台中创建应用绑定小程序,获得每个应用专属的SDK KEYSDK SECRET后,随后就可以在集成 SDK 时填写对应的参数。打开小程序时 SDK 会自动初始化,并校验SDK KEYSDK SECRETBundleID(Application ID)是否正确。

image.png

image.png

image.png

image.png

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