基于react-native实现的博客园手机客户端

注:升级版本请移步:http://www.cnblogs.com/mcmurphy/p/5934993.html

从五月初开始,中间抽出断断续续的业余时间,基于react-native,在博客园现有开放接口的基础上,实现了一个博客园手机客户端。由于博主没有ios开发环境,所以当前仅适配了android版本。出于学习和实践react-native的目的,UI呈现这一块完全凭自己所好,bug也有一些,更多是希望抛砖引玉,让大家感受到react/react-native为移动端开发带来的全新视觉和可能性。

一,相关链接
1,react-native
https://github.com/facebook/react-native

2,code-push
http://microsoft.github.io/code-push/

2,博客园开放接口
http://wcf.open.cnblogs.com/blog/help
http://wcf.open.cnblogs.com/news/help

二,基本功能
1,首页博文列表、排行列表、新闻列表。
2,博文详情、新闻详情。
3,博文评论、新闻评论。
4,博主搜索、博主详情。

三,运行效果

部分截图如下:

首页

 

博文详情

 

博文评论

 

搜索结果

 

博主详情


四,体验包及代码
apk:https://www.pgyer.com/cnblogs
github:https://github.com/togayther/react-native-cnblogs

五,特别说明
1,找了很久都没有找到博客园对应不同分辨率的logo图片资源。有资源的园友麻烦提供一下。
2,客户端集成了code-push。启动的时候,会请求接口检查更新,请不要误会这是开了什么后门。
3,由于博客园官方开放的接口响应数据格式为xml,不方便js处理,因此用php搭建代理转换为json返回。

六,存在的问题
1,博文详情页面,图片渲染的屏幕自适应。react-native 0.28 版本发布后,可解决。
2,博文详情页面,图片加载进度提示。
2,博文详情页面,内容渲染格式美化及完善。
3,code-push 偶尔会出现更新后不及时显示的问题。
4,内存占用优化。
5,打包文件体积优化。
6,ios 适配。

七,关于博客园

个人感觉博客园的人气及用户活动度,比起几年前,是有很大程度的下滑的。比如当年的吉日,高质高产,能让人学到很多东西,但就因为有一些商业化的思路,就被一些人各种喷,最后就隐身了。后来的lyj、老赵一大批名流,也不再抛头露面露面,一定程度上导致博文质量及争议性下降,用户参与度降低。这几年的移动端浪潮,博客园在这方面可以说基本上是0动作。再加上这个时代变了,很多人都追求快速的娱乐化信息,不再能静下心来研究技术性文章。比如dudu有一天在首页发了一条园友都能看到的动态,说办公室新来了一个妹子,肯定很多平时潜水的都会冒出来,问这个妹子芳龄几何,你俩是不是有一腿...唉,这是最好的时代,也是最坏的时代。

以下是个人感觉博客园开放接口可完善的地方:

1,接口响应数据格式,当前为xml。可增加json格式。毕竟现在json格式应用更加广泛。
2,接口返回的博主头像尺寸偏小。当前尺寸为 48 * 48,在高分辨率的手机上,设置较大的头像显示,效果非常模糊。
3,新增博主详情接口。
4,当前“分页获取个人博客文章列表”的接口,不太稳定。比如搜索接口返回的博主,调用这个接口无返回。
5,博文详情接口,不太稳定。比如通过“分页获取个人博客文章列表”返回的博文列表,详情接口无数据返回。
6,建议博客园增加扫描二维码登录的相关接口。

最后,欢迎大家下载体验。有任何问题,可在博文下方留言,或至以下链接反馈:
https://github.com/togayther/react-native-cnblogs/issues

谢谢。

posted @ 2016-06-14 17:49  麦克默菲  阅读(3637)  评论(16编辑  收藏  举报