精华 React-Native 客户端【v1.0.0-alpha2】【安卓已发布】【最后更新：2016.4.14】
发布于 9 年前 作者 soliury 24140 次浏览 最后一次编辑是 8 年前 来自 分享

前言

noder-Icon.png

业余时间写的，目前只有IOS版本(安卓版本等React-Native发布安卓版本后会跟进)。 目前处于开发阶段，bug很多，还有各种事情要做。各位坛友可以clone下来跑在iphone上试试。 目前代码有点乱，各位客官先看着。哈哈。 有iPhone的同学可以在手机上安一个（方法我后面会提到），然后没事就可以用这个暂且回帖，并顺便帮忙测试嘛。

下载地址：

Android： https://www.pgyer.com/pEFf

在线演示

WEB在线演示：

https://rnplay.org/apps/_2y0Dw

IOS演示：

下载React Native Playground，然后在里面找到noder，点击运行就可以。

或者直接用React Native Playground来扫描以下二维码：

顺便友情招聘

光音网络 ---- 老外当CTO，自由开放的文化

仓库地址

https://github.com/soliury/noder-react-native

功能演示

目前已有功能

  • 回帖
  • 查看帖子
  • 查看用户信息
  • 查看消息
  • 点赞
  • 发帖

未实现的功能

  • 根据点赞的个数置顶回帖
  • 推送

TODO LIST

V1.0.0

  • 修复各种小bugs
  • 重构代码（现在的代码真的很乱，很乱）
  • 添加测试
  • 上线到app Store

V2.0.0

  • 添加推送
  • 添加github功能（例如：预览github页面，绑定github，start项目，fork项目）

试用

git clone https://github.com/soliury/noder-react-native.git
npm install

然后在Xcode中点击运行。

想要跑在iphone上，需要运行：

	gulp replace

这样可以自动将js的获取地址改为电脑ip

然后按照react-native官方文档设置即可运行在手机上。

当然我现在更加希望坛友如果有Iphone，可以跑一个离线build版本，这样地铁上也可以用一用，然后还可以顺便帮忙测试一下用起来如何。

如何做

  • 打开iOS/AppDelegate.m
  • 将jsCodeLocation = [[NSBundle mainBundle]这行代码的注释去掉
  • 运行react-native bundle

出现错误可以尝试以下解决办法

  • 重新编译所有的依赖的库（这里指oc的库，不是js）

联系方式

微信: lingyong1992 邮箱: hi@lingyong.me

React-Native是一个新东西，如果你很感兴趣，欢迎探讨。当然，如果你对RN比较了解，也希望一起维护noder，请联系我。

153 回复
2

不错，顶起

2

不错，赞一个！

3

赞 出个包 放到fir.im上 用企业证书打包

2

@ilanceli 对了，我们两个可以共用一个推送不勒

From Noder

1

@ilanceli 企业证书啊，看来我得向公司要一个

From Noder

1

@ilanceli 请问企业证书有什么好处呢 自豪地采用 CNodeJS ionic

2

顶

1

@Dengshen 你这id好熟悉，是不是我认识你？

From Noder

1

可以打包ipa么

2

@wandergis 稍等吧，我去搞一个企业证书

From Noder

1

顶顶顶！

1

32个赞！

1

为啥我用xcode打开之后是空白的。。。

1

原来是IP地址不对，改了之后就好了

2

安卓的什么时候出

2

@ystyle 是 React-Native什么出安卓版

2

@amoa400 可以使用gulp replace

From Noder

1

@ystyle 这个十月份吧，大概

From Noder

2

膜拜大神啊，我还在为安装ionic装不上发愁了，react-native版的客户端又开发好了

1

4995_s.gif 不错

1

@liygheart 实际上并没有开发完成，还差了很多东西

From Noder

1

@huanglong @yidahis @In37 @shinygang 谢谢

From Noder

1

@soliury 如果你也用jpush的话 server端push部分都是可以共用，但也是要分两个jpush应用，因为每个应用的要有自己对应的证书。

1

@ilanceli 好的，那就用jpush

From Noder

2

@soliury 推送的事可以先不急嘛

2

效果看起来比ionic好很多啊🙈 自豪地采用 CNodeJS ionic

2

@alsotang 嗯嗯，确实也是…那就基本完事了啊，还有各种小小修修补补

From Noder

@lcya86 但……性能还是成问题

From Noder

1

@alsotang 对了，icon怎么个弄法，你有木有好的想法，设计一个啊

From Noder

1

先赞一个，正准备入坑

1

@lncwwn 小心，这会很坑的

From Noder

顶顶顶，前排围观大神

1

@ilanceli noder-Icon.png logo直接用你的，不知可好？

1

@soliury 可以啊 不过为毛是黄黄的

@ilanceli 我改了一哈颜色啊

From Noder

终于开始有人实践react的应用了。

1

@deemstone 哈哈…应该说终于有人开坑了

From Noder

@soliury 勇气、毅力非同常人，这个使命…非你莫属！ 哈哈

我正在研究 reapp 这个东西，中文资料奇缺…… 第一眼是被他的demo吸引了，做移动应用实在是找不出更好的框架了。

全是新的，除了webpack还耳熟，其他概念全都是新的，真佩服Facebook的这帮天才，思路很奇特，很容易勾起好奇心。

炫的效果，可以入坑

@deemstone 可以入坑，但是慎重，因为目前listview性能问题还没有解决

From Noder

@Antoni1883 欢迎提交PR或者issue

From Noder

mark

@soliury 今天把代码clone下来，运行npm install 报一堆错误，翻墙装的，不知道是什么原因？ 自豪地采用 CNodeJS ionic

@liygheart pull一下，然后重新安装，我没有删除sass，是sass出错了

From Noder

@soliury 我重新clone的，然后运行npm install还是报错 QQ20150721-1.png

@soliury 我是邓杰啊

@liygheart 我待会再看看，貌似有一个包的要求是0.8.0以上…其实这个有解决办法

From Noder

@Dengshen 所噶…我就说，好熟悉的id

From Noder

@liygheart 其实强制改依赖也是可以解决的，你嫌麻烦就等着我吧

From Noder

@soliury 要等多久呢？你好了就给我个回复吧！

@liygheart 已拿到电脑

From Noder

@soliury 哦哦，改好了@我

@liygheart ok，你再试试

@liygheart 现在没有问题了吧

From Noder

上周在awesome-redux的列表中发现的，终于有人用 redux 开搞react native了。有机会交流一下

1

@soliury 确实没问题了，不过安装到手机报错 Could not find source file at index.ios.js :0

这个是什么情况？

1

@netfishx 哈哈…我都不知道，居然还有老外能把我这个项目列出来，估计是爬虫爬的

From Noder

@liygheart 安装到手机？这个需要证书，还有，你这个问题好奇怪啊…

From Noder

@soliury 已经好了，也装手机上去了，也可以查看话题了（发现好容易奔溃。。） 怎么登录啊，没发现哪地方可以登录。。

@soliury 这个依赖为啥没加进来呢？ 我运行npm install 的时候没有报错的 458E45B7-A210-4B33-B6B3-E9B405089593.png

@liygheart 哈哈…只要你打开我这个帖子就会崩溃，因为rn的一个bug，它对gif不友好

From Noder

@liygheart 这个依赖一直是这样，但是很奇怪的是，程序依然能跑

From Noder

@liygheart 左下角有个小人，点击进去，扫码登录

From Noder

@soliury 我这看到的左下脚没有小人，点进去没数据都是undefined 062239C0260E34A358123FB0956A8082.png CA6AAAE047E0AA035CC875DF00C01952.png

1

@liygheart sorry, 貌似我重构之后这里有个bug，我马上改

1

@liygheart 我知道是什么问题了，我回家后马上改，之前忘改了。。。。。

1

@soliury 恩恩，好的

1

@liygheart 解决了，好了，对了，你之前说得崩溃是指哪个？

From Noder

1

@soliury 刚从公司出来，回家我再重装一下，崩溃是点击用户头像就崩溃了 自豪地采用 CNodeJS ionic

1

@liygheart 现在行了

From Noder

1

@liygheart 我还以为你说的是访问我这个帖子时crash了

From Noder

1

@soliury 还是没有好，点击左下角不出现扫码登录的界面，直接跳到详情页面了，里面积分是undefined 应用里很多头像都加载不出来，不知道是我网慢了还是其他原因

@liygheart 不会吧

From Noder

1

@liygheart 我的挺好的，

From Noder

@liygheart 清除缓存试试

1

@soliury 重新安装了好几次都是那样，用户没法登录，也没法进行用户的相关操作。。用户的头像还是很多都没显示

1

@liygheart 你在onRun里，把//storage.clear() uncomment

1

@liygheart 你得真正意义上的清除缓存

1

@soliury 现在好了

From Noder

1

@liygheart Ok, 行了，是我代码的错误，之前往缓存里读取topics时改成多个并行读取，忘了判断为空的情况

有什么bug就发issue啊，这个论坛讨论太蛋疼了，每天只能发表30个回复的。今天的就被限制了

@soliury 要注释掉

// var user = require('./app/mocks/user')
// var userInfo = require('./app/mocks/userInfo')

// Object.assign(user, userInfo)

因为在mocks里压根就没有user 这个js

我还是个新手，刚开始学习这个

@soliury 在回复列表里，点击左上角的返回，就挂了。。

@liygheart 这个是在哪个文件里……估计是我忘删除了

From Noder

@liygheart 嗯嗯，返回那个bug已经解决了

From Noder

@soliury 哈哈

@lncwwn ……这个……我怎么感觉我认识你

From Noder

@soliury 是吗？联系方式发到我邮箱看看啊

@lncwwn 那就说明不认识

From Noder

@soliury 为嘛头像就是有的显示有的不显示涅。。好纠结，强迫症又犯了(￣▽￣)

From Noder

@liygheart 网络不好啊……其实可以设置个默认图片，那样就稍微好些

From Noder

@liygheart 对了，你没事就用用，帮忙测试一下，有神马问题就提

From Noder

@soliury 现在就在用啊，评论上面的返回点击崩溃，头像显示不出来，要说网络不好，那为啥话题里的图都能加载出来，而头像就是加载不出来呢？

From Noder

@soliury 还有一个，能不能将应用不设置成全屏的？现在除了游戏外好像没什么应用是全屏的吧！好不习惯

From Noder

@liygheart 评论返回崩溃那个，重新pull一下

From Noder

@liygheart 木事习惯就好了…哈哈…

From Noder

1

@soliury 我把手机上的应用卸载了，重新安装了一下，图片问题好了，可登录又坏了 ，不弹出扫码按钮，直接进到用户页面了 返回按钮还是没有好 另外，问下，怎么修改让应用不全屏显示啊？

1

@liygheart 你确定pull了？………

From Noder

1

@liygheart 我明明改了…我本地都是好的，而且我记得我push了

From Noder

1

@liygheart 应该是你没弄好，我的已经是好的了，我重新卸载，之后都是好的。再有问题，去github提issue吧，我这个论坛回复是有限制的。

我这边下载后build OK，可是模拟器打开的时候，总是提示 reactjs error.png 不知道为什么；求解求指点。 我试了其他的项目，都是类似的问题，看起来像是环境问题？

1

@jackqqxu 应该是安装不对，重新安装试试

From Noder

@soliury 是说按照http://facebook.github.io/react-native/docs/getting-started.html#content这个上面的重新安装吗？有QQ不？求加，或者加我706814758，求指教

@soliury 重新安装就解决了，看起来体验不错啊，非常赞！感谢感谢

@jackqqxu 嗯嗯，有什么bug，可以直接题issue

From Noder

哥推荐一个，在IOS跑nodejs的神器,绝对是苦逼程序员的最爱 https://itunes.apple.com/app/id1016281697

bug.png mac os 10.11 xcode 7 beta

1

@razor1895 好蛋疼的bug，

From Noder

1

@razor1895 你先重装试试

From Noder

@soliury 重装试过了 = = 第一次编译提示找不到在ios目录下找不到main.jsbundle 然后自己用curl http://localhost:8081/index.ios.bundle -o main.jsbundle生成了一份，不知道对不对

@razor1895 可以，或者用react-native bundle生成一份

From Noder

@razor1895 你能不能去github提issue，这样便于我管理，也便于其他人解决

From Noder

2

@soliury 好的

1

@razor1895 ok，谢谢合作

From Noder

1

大神们请问？ 这是什么情况 屏幕快照 2015-08-02 下午11.50.38.png

react-tools 给弃用了？

@thomas0836 加sudo

From Noder

@soliury 平时也不需要的…

1

不错，点个赞

1

@TakWolf 哈哈…你也来cnode了啊

From Noder

1

@thomas0836 哈哈…这个需要创建和tool，需要权限的，你看看创建的path就知道了嘛

From Noder

1

@soliury 万年潜水党，从来不发言

1

@TakWolf 然后我看到你准备写一个cnode安卓客户端？

From Noder

1

@TakWolf 吼吼

1

@fcwatcher @TakWolf 你俩认识？

From Noder

1

@soliury 马甲，做测试中

@fcwatcher ……………好吧……无语了，居然还弄个马甲

From Noder

1

@soliury @TakWolf 没法做测试，又不好意思单独开个帖子

1

@TakWolf

@fcwatcher suoga

From Noder

@soliury 哥们儿有直接安装版本么，之前的ionic版的，不知道为什么用3G网就网络错误，用wifi就可以拉取到数据，所以最近都没怎么用过手机端

@luoyjx 暂时没有，等一段时间吧

From Noder

mark

安卓版什么时候出？

1

该出android得了

来自炫酷的 CNodeMD

最近学习发现Android和iOS还是有点小不一样啊 自豪地采用 CNodeJS ionic

1

RN Android 已出，期待楼主更新 IB[(RRGD$2(68HQ$GDQM]~K.jpg

1

屏幕快照 2015-10-10 下午3.58.05.png

老大 运行错误了 咋办呀

@zanjs 最近怎么各种错误啊

From Noder

@Cococ 我正在努力搞

From Noder

xcode7 ios9 运行不起来，怎么回事

1

@DexSinis 现在应该可以了 From Noder

@soliury 已安装，非常棒！ From Noder

@TakWolf 帮忙测试一下，安卓我不太懂 From Noder

1

@soliury 正在研究代码

@TakWolf 好伐 From Noder

在playground 好像跑不了呢 上架了嗎?

@hikaiao playgroud上不行 From Noder

@hikaiao 上架得等等 From Noder

Jdjdid <br><br>来自<a href=“https://lzxb.github.io/react-cnode/” target="_blank">react-cnode手机版</a>

Hffuud <br><br>来自<a href=“https://lzxb.github.io/react-cnode/” target="_blank">react-cnode手机版</a>

Jfjffifi <br><br>来自<a href=“https://lzxb.github.io/react-cnode/” target="_blank">react-cnode手机版</a>

Euiejej From Noder

这个是扫哪个码登录呢？

dingdingding

回到顶部