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

Posted 2020-07-25 麦克默菲

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

谢谢。