ReactNative的SDK打包后给到其他项目集成

因为这边写了一个SDK，内部基本都是用RN完成的，但是可以在原生接入，所以就需要将写好的RN版本的SDK打包成可以被集成的形式，如果让CP安装RN环境又不大现实，所以就引申出来这个需求，撇开SDK功能性的代码，我们直接开始关注如何将RN的SDK打包

RN部分的功能主要分为三部分：

1、JS部分，这部分是我们主要完成的功能的JS代码部分，这部分其实打包之后就是一个jsbundle文件，以Android为例，就是在assets文件夹下面的index.android.bundle文件，这部分直接拿出来就行了，让接入SDK的人直接放在assets下面即可

2、与RN交互的部分，这部分其实主要是给原生部分交互用的

3、Facebook的导入部分，这部分是主要问题所在，所以就只说这部分了

Facebook部分的打包导入

在项目中，开发时我们导入的facebook的方式是

implementation "com.facebook.react:react-native:+"

但是这种方式其实是引用的我们项目下的node_models下的文件，如果在没有node_models的情况下，只会是自动下载了0.2.0版本的facebook的库，这是很坑爹的

那么如何把我们开发的环境在对方不用弄facebook环境的情况下可以正常使用呢？

1、找到node_modules -> react-native -> android -> react-native -> 版本目录 ->找到aar文件，这个aar就是我们需要的facebook库

2、在上面的同级目录找到.pom文件，打开，找到里面<dependencies>标签下的所有<dependency>项

3、将每一项<dependency>说明的库在Android Studio中依赖

例子

就是

implementation 'javax.inject:javax.inject:1'

然后将所有的依赖的库都加上即可

ReactNative的SDK打包后给到其他项目集成相关推荐

Vue项目打包后不能正常显示页面
项目场景: 通过 Vue CLI 创建的 vue 项目,编写完项目后,通过 npm run bulid 对项目进行打包,再把打包得到的内容(dist文件夹)交给后端部署到服务器上. 问题描述: 对 v ...
react-native打包后不能在第三方模拟器闪退问题处理
1.问题代码打包后在MuMu,夜神模拟器中运行闪退 2.问题追踪在AS下监听MuMu模拟器,寻找错误根源 adb kill-server adb connect 127.0.0.1:5555 // ...
android 多版本打包后微信分享/登录授权失败问题
最近项目用友盟的分享SDK集成的,因为需要多版本打包,这几个版本的包名不一致,导致打包后友盟提示检查微信后台配置的签名以及包名,这里想出一个解决办法授权失败的根本原因是manifest.xml 必须 ...
容联云sdk 打包maven
SDK下载 https://www.yuntongxun.com/doc/sdk/demo/2_6_1_1.html 下载后idea新建maven项目.把src和lib文件夹导入项目中使用cmd命令 ...
uniapp 云打包后IOS白屏，真机调试也是白屏，没有报错！解决办法
uniapp 云打包后IOS白屏,真机调试也是白屏,没有报错!解决办法! 原来用uniapp 写的小程序然后要翻成app 一开始还是很顺利的,因为安卓端测试没有什么大问题:但是IOS直接白屏,只能 ...
uniapp离线打包后APP出现未配置appkey
记录一下APP离线打包问题,没用过Android Studio小白一枚.按照网上的各种建议,打包后总是出现AppKey未配置错误,根据官方给的4个方法排查后,就是签名文件不对,看了半天,终于解决了,记 ...
vue打包后图片找不到情况
打包之前需要修改如下配置文件: 配置文件一:build>>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件( ...
vue+elementui项目打包后样式变化问题
main.js中的引入顺序决定了打包后css的顺序,组件内的样式没有生效可能是被第三方组件样式覆盖了. 把第三方组件 ElementUI放在前面引入,router放在后面引入,就可以实现组件样式在第三 ...
flask 渲染 vue 打包后的dist文件（直接用后端渲染）
flask 渲染 vue 打包后的dist文件(直接用后端渲染) vue项目打包出dist文件 npm run build 代码 from flask import Flask from flask ...

ReactNative的SDK打包后给到其他项目集成

Facebook部分的打包导入

ReactNative的SDK打包后给到其他项目集成相关推荐

最新文章

热门文章