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

前言

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,请联系我。

151 回复

不错,顶起

不错,赞一个!

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

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

From Noder

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

From Noder

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

@Dengshen 你这id好熟悉,是不是我认识你?

From Noder

可以打包ipa么

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

From Noder

32个赞!

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

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

安卓的什么时候出

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

@amoa400 可以使用gulp replace

From Noder

@ystyle 这个十月份吧,大概

From Noder

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

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

From Noder

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

@ilanceli 好的,那就用jpush

From Noder

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

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

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

From Noder

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

From Noder

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

From Noder

先赞一个,正准备入坑

@lncwwn 小心,这会很坑的

From Noder

顶顶顶,前排围观大神

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

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

@ilanceli 我改了一哈颜色啊

From Noder

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

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

From Noder

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

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

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

炫的效果,可以入坑

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

From Noder

@Antoni1883 欢迎提交PR或者issue

From Noder

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

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

From Noder

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

@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了。有机会交流一下

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

这个是什么情况?

@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

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

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

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

From Noder

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

@liygheart 现在行了

From Noder

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

From Noder

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

@liygheart 不会吧

From Noder

@liygheart 我的挺好的,

From Noder

@liygheart 清除缓存试试

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

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

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

@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

@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

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

@liygheart 你确定pull了?………

From Noder

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

From Noder

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

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

@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

@razor1895 好蛋疼的bug,

From Noder

@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

@razor1895 ok,谢谢合作

From Noder

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

react-tools 给弃用了?

@soliury 平时也不需要的…

不错,点个赞

@TakWolf 哈哈…你也来cnode了啊

From Noder

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

From Noder

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

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

From Noder

@fcwatcher @TakWolf 你俩认识?

From Noder

@soliury 马甲,做测试中

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

From Noder

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

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

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

From Noder

安卓版什么时候出?

该出android得了

来自炫酷的 CNodeMD

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

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

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

老大 运行错误了 咋办呀

@zanjs 最近怎么各种错误啊

From Noder

@Cococ 我正在努力搞

From Noder

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

@DexSinis 现在应该可以了 From Noder

@soliury 已安装,非常棒! From Noder

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

@soliury 正在研究代码

在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>

回到顶部