ctripcorp / crn Goto Github PK

CRN是Ctrip React Native简称，由携程无线平台研发团队基于React Native框架优化，定制成稳定性和性能更佳、也更适合业务场景的跨平台开发框架。

License: MIT License

JavaScript 34.31% HTML 0.24% Java 25.40% C++ 19.90% Makefile 0.10% C 0.22% Objective-C++ 3.90% Objective-C 13.58% Ruby 0.03% CSS 0.01% Assembly 0.12% Shell 0.38% Batchfile 0.01% Starlark 1.82%

crn's People

Contributors

Stargazers

Watchers

Forkers

blackwuxin crazycrystal chufengma cjddny super-crab sakurallj uwunmn xqin perhaps-yo zhiyongpan xiao-shuai kongdongdong all-learn-nodejs dave-wind boseny ljunb zhangguozhong johony myprelude silencedcoder krmao jianjiade langlangpom wongyuzhou torns zhuzeus sfdux onreadystatechange snapshot-repo comlog elitecrm02 xiaomingtuo xiongxiong109 superjunjun uiblog wheelo showtan001 gofugui renhanyi zinete ilfocus hhxx1314 gaoxianglyx hhy5277 easy261925 jhongwei80 whczs sven36 wangzihao5325 sheep-king lichengtao1989 hdulqs w7yuu yjb2020 fuzzyfade amtech qc-l whowrongswhere alvin917 zhugang caolongs nan0pr0be1 xidipeng wu928320442 syxxjgh xl19880619 mailme365 orangeflavoredcoldcoffee helloworldnosegfault yanzengyong anonymous-monk tracyxia716 rfsc jishuke steedos timxim jqpan hanrovey guoba371 liuchengbin8 wangliguang lzbmac wu736139669 wangshaojie11 liumengdi newlysoft xie244135119 zify sdgdsffdsfff hpyfei pengchengzh sunfengbiao zouyaozhen1234 eastwood1986 z937010871 chengchao12138 haiifeng oscarhuang itxuye awaylyr

crn's Issues

在线模式是怎么使用的

1.在线模式的bundle文件也是做了分包处理吗，如果是在服务器上的bundle文件是压缩包吗

热更新支持

CRN自定义的打包方案，理论上应该上不支持code-push热更新的吧，如果要支持热更新，后续CRN会考虑支持吗

npm run start启动服务后，怎么debug？现在的框架支持么

目前提供的打包配置入口如下：
"packConfig": {
"entryFile": "index.js", //打包入口文件
"bundleOutput": "publish", //打包产物输出目录
"packageName": "CRNDemo", //包名
"dev": false //打包环境
}
如果有多个子业务在同一个工程下开发，怎么配置多业务打包的入口呢。
还有，请问这套框架怎么解决原生和RN路由跳转的一些问题。

会支持rn和原生分离么

想要实现像h5那样的模式（无需发包）：
前端人员只需要把rn页面打包成bundle（带hash），上传到服务器。
原生人员则只需要下载bundle比较hash来进行热更新（无需发包）。

这种的目前可以实现么？？？

有类似于react-native-web的功能吗?

升级ReactNative版本

请问我们想用最新的0.60.x的版本，您们这个库会定期更新吗

文档能补上吗

到现在还没运行成功你们的demo,点击加载按钮报错，本机浏览器访问返回。有没有交流群啊

ContextHolder.context 为空

然后在PackageManager 里的各种引用报错
'java.io.File android.content.Context.getFilesDir()' on a null object reference

`ctrip.wireless.android:ReactAndroid:0.59.0-01-SNAPSHOT` 中的 `ctrip.crn`为什么不拿出来放在`crnbase`模块中

ctrip.wireless.android:ReactAndroid:0.59.0-01-SNAPSHOT 中有包含两部分：com.facebook和ctrip.cn，如果com.facebook完全是rn源码的话，为什么不把ctrip.cn拿出来直接放在crnbase模块中，这样就能完全和rn源码解耦了。

我们这边有自己维护一份rn源码，打包成了aar(new-rn)，一开始想的方式是 crn依赖new-rn而不是ctrip.wireless.android:ReactAndroid:0.59.0-01-SNAPSHOT ，现在由于ctrip.cn这个package的原因，这样行不通了，有什么方式解决这个问题吗

希望能介绍下针对大内存性能优化，界面卡顿UI渲染优化做了什么处理？

希望能介绍下针对大内存性能优化，界面卡顿UI渲染优化做了什么处理？因为项目也已经开发有一段时间，整体迁移至crn成本有点高

通过crn-cli 生成的项目, 如何添加第三方?

eg: react-native-calendar-events这个组件需要原生配置, demo中配置的方法是什么?

你好，找不到iOS工程

感觉这里多删了代码，有点问题，上面少了一个else？

CRN/iOS/CRNDemo/CRNDemo/CRN/CRN/Model/CRNURL.m

Line 82 in 496c064

else {

打包成线上包，怎么去掉CRNDemo这层

您好，这个app开发好，怎么直接加在crn bundle，而去掉CRN Demo这层？

点击“添加并加载在线地址”报错

.jsx file is not resolvable [无法识别jsx文件]

Is this a bug?
Yes, as I can see the error logs, it lists everything except .jsx, .native.jsx, .ios.jsx, .etc

Indeed, none of these files exist:
  * `***/src/app(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)`

Reproduce
Change any jsx-syntax file‘s extension to .jsx to test
Suggestion
use metro.config.js to apply supported extensions

这是bug吗？
是，错误日志如下，除了jsx全都支持，即使是tsx

Indeed, none of these files exist:
  * `***/src/app(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)`

如何重现
把任意含jsx的组件后缀改为jsx
建议
使用metro.config.js的配置增加支持

关于一点加载细节的请教

我是 Android 开发人员。

有几个问题想要请教一下。

我能否把整个 crn-cli pack 后的目录当作静态资源用 Git 管理起来，然后页面文件有改动之后 push 覆盖，这样我的客户端始终能请求到最新的页面文件（通过一些适当的缓存策略）。
能够接手客户端这边的 Okhttp 逻辑实现 “静态页面” 的缓存实现吗？例如通过 Code：304 、静态页面地址全路径#xxx 这样的方式，而尽量不依靠打包进 assets 文件夹来实现业务页面的实时更新。

谢谢！

该框架对RN的列表组件有优化么，FlatList/ListView?

持续关注期待开源更多组件

跑了下Demo 体验很棒，希望能够开源组件

按照你们官方文档初始化app后添加依赖，会出现打包出错

Error: Unable to resolve module `./index` from `/Users/admin/Desktop/code/CRNAPPDEMO2/.__tmp/.`: The module `./index` could not be found from `/Users/admin/Desktop/code/CRNAPPDEMO2/.__tmp/.`. Indeed, none of these files exist:
  * `/Users/admin/Desktop/code/CRNAPPDEMO2/.__tmp/index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)`
  * `/Users/admin/Desktop/code/CRNAPPDEMO2/.__tmp/index/index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)`
    at ModuleResolver.resolveDependency (/Users/admin/Desktop/code/CRNAPPDEMO2/node_modules/react-native/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (/Users/admin/Desktop/code/CRNAPPDEMO2/node_modules/react-native/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (/Users/admin/Desktop/code/CRNAPPDEMO2/node_modules/react-native/node_modules/metro/src/node-haste/DependencyGraph.js:283:16)
    at /Users/admin/Desktop/code/CRNAPPDEMO2/node_modules/react-native/node_modules/metro/src/lib/transformHelpers.js:261:42
    at Server.<anonymous> (/Users/admin/Desktop/code/CRNAPPDEMO2/node_modules/react-native/node_modules/metro/src/Server.js:1038:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/Users/admin/Desktop/code/CRNAPPDEMO2/node_modules/react-native/node_modules/metro/src/Server.js:99:24)
    at _next (/Users/admin/Desktop/code/CRNAPPDEMO2/node_modules/react-native/node_modules/metro/src/Server.js:119:9)
    at <anonymous>

1、如果打开预加载，则app会崩溃（可能是因为打包失败，没有读取到jsbundle）
2、在根目录下App.js中，import一个依赖就会报上面的错误，可能是服务在拆包的过程中出错了
3、现在只在android模拟器下测试，发现这个问题，iOS还没看

做梦都在期待view及api组件的开源。真的快哭了。小公司，一个人开发了快20个基础功能及组件了，真的顶不住了

启动服务的问题

你好，我在 Ubuntu 上 init 项目过后，可以直接使用以下命令直接启动服务没？

crn-cli start

我执行过后，提示

[crn-cli]: 正在判断当前输入参数是否合法以及当前目录路径是否合法...
[crn-cli]: 当前输入参数合法!
[crn-cli]: 当前目录路径为: /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo
[crn-cli]: 当前启动的RN服务端口为: 8081
[crn-cli]: 正在判断当前RN服务是否已经启动...
[crn-cli]: 当前RN服务正在启动...
[crn-cli]: 当前写入启动服务脚本...
[crn-cli]: 写入启动服务脚本完成!
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/metro/src/shared/output/RamBundle/crn-as-assets.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/metro/src/shared/output/crn-bundle.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/metro/src/lib/createModuleIdFactory.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/metro/src/shared/output/RamBundle/as-assets.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/metro/src/shared/output/bundle.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/metro/src/ModuleGraph/worker/collectDependencies.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/metro-config/src/defaults/index.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/metro/src/shared/output/RamBundle.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/metro/src/lib/polyfills/require.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/react-native/Libraries/polyfills/lazyRequire.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/react-native/Libraries/Image/AssetSourceResolver.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/react-native/Libraries/Image/resolveAssetSource.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/@react-native-community/cli/build/commands/bundle/bundle.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/@react-native-community/cli/build/commands/bundle/buildBundle.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/@react-native-community/cli/build/commands/bundle/bundleCommandLineArgs.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/node_modules/react-native/rn-get-polyfills.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/rn-cli.config.js >文件
成功替换< /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/crn_common_entry.js >文件
[crn-cli]: 正在启动RN服务...
[crn-cli]: 执行以下脚本: /home/lychee/.local/share/Trash/files/CRNDemo/CRNDemo/.__tmp/launchPackager.command
[crn-cli]: 启动RN服务成功!

但是我查看了下，8081 上并没有程序在跑，我也无法访问。

如何在js打包多业务

非常感谢携程的开源。
看了一下crn-cli的代码，目前pack命令只支持生成common+一个业务。如果想要生成一个common+多个业务，应该如何配置js文件和打包呢？

Android Runtime接入文档的补充

我已经在我的现有项目接入了。针对文档中不太详细的描述，补充一下，希望携程的大佬们能及时完善一下文档，更方便大家接入。

1.在settings.graldle添加

include ':ReactAndroid',':crnbase'
project(':ReactAndroid').projectDir = new File(rootProject.projectDir, './rnSource/ReactAndroid')

在gradle里引入是 implementation project(':crnbase')不是 implementation project(':base')

2.如果需要通过ReactAndroid来进行编译的话，需要在根目录下的gradle.properties里配置useReactAndroidSource=true，同时配置NDK环境。（但是编译会比较耗时）
3.如果不想要通过ReactAndroid源码来进行编译，就把CRN工程的repo目录拷贝进来，useReactAndroidSource设置为false。同时Android Native项目根目录下gradle allprojects里的repositories里添加