在Android原生项目中集成RN项目场景,这里主要围绕以下几个方面简单描述一下:
运行React Native会启动一个默认端口号为8081的本地服务,当端口号被本地其他服务占用,那么就启动不成功了,那就要手动修改端口号了;当开启RN服务时,Android项目又如何远程调试?那就去设置加载的地址IP+端口号;当调试好了,如何将RN项目跟随app测试发版?那就将RN项目打包成离线bundle文件,放到Android本地或者远程服务器上即可。
1. 手动修改React Native端口号
- 修改React Native Server端口号
运行一个React Native项目的时候,React Native会启动一个默认端口号为8081的本地服务,该8081的服务就是React Native项目的一个本地服务器,用于提供JSBundle包和一些静态资源。- 临时修改Server端口号
在Terminal中执行yarn start --port=8082
或者npm run start --port=8082
. - 永久修改Server端口号
在你的项目名称/node_modules/react-native/local-cli/server/server.js
找到server.js
文件,打开后找到module.exports -> options -> command: '--port [number]'
修改对应的default的值。
修改前:
修改后:{ command: '--port [number]', parse: (val: string) => Number(val), default: (config: ConfigT) => config.server.port, }
{ command: '--port [number]', parse: (val: string) => Number(val), default: 8082, }
- 临时修改Server端口号