FinClip ReactNative DEMO
本项目提供在 ReactNative 环境中运行小程序的 DEMO 样例
有没有想过,开发好的微信小程序能放在自己的 APP 里直接运行,只需要开发一次小程序,就能在不同的应用中打开它,是不是很不可思议?
有没有试过,在自己的 APP 中引入一个 SDK ,应用中不仅可以打开小程序,还能自定义小程序接口,修改小程序样式,是不是觉得更不可思议?
这就是 FinClip ,就是有这么多不可思议!
本项目是 FinClip 小程序在 ReactNative 工程基础上下集成及运行小程序 DEMO 演示,您可以按照下方流程测试,验证 FinClip 小程序在 ReactNative 环境下的实际效果。
先看一下运行效果~
引入小程序引擎插件。
在 package.json 文件中引入小程序 ReactNative 插件
"react-native-mopsdk": "^1.0.3"
安装插件
$ npm install react-native-mopsdk --save
$ react-native link react-native-mopsdk
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:
'Ev7QHvml1UcW98Y1GaLfRz34ReffbDESaTXbCoFyKhEm0a3gam0elOOOdZ6Twpa3HkBzlvOwJ2cyhOrMVWuuGw==',
secret: '16f2d2700453ae51',
apiServer: 'https://api.finclip.com',
apiPrefix: '/api/v1/mop/',
nativeEventEmitter: eventEmitter,
finMopSDK: NativeModules.FINMopSDK,
}).then(res => {
console.log('初始化成功')
}).catch(err => {
console.log('初始化失败')
})
MopSDK.openApplet({appId: 'xxxx'});
小程序 ID 与 微信小程序ID 不一样哦!(这里是特指 FinClip 平台的 ID )
点击这里 查看 React Native 快速集成文档
以下内容是您在 FinClip 进行开发与体验时,常见的问题与指引信息
微信扫描下面二维码,关注官方公众号 「凡泰极客」,获取更多精彩内容。
微信扫描下面二维码,加入官方微信交流群,获取更多精彩内容。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。