基于react-native实现的博客园手机客户端强势升级

最新版本查看请移步:http://www.cnblogs.com/mcmurphy/p/6214836.html

继上次发布基于react-native实现的博客园客户端已经过去两个多月了。当时受接口所限,版本完成度并不高。期间收到的很多反馈都是说没有登录功能,导致应用的使用场景大大受限。我也仅仅是中午在食堂排长队等着打饭的时候,摸出来打开看一下新闻,没有回复和发布功能,整个应用的体验感觉上就是一个仅仅提供按摩服务的大宝剑。后来联系到了博客园的官方团队,提供了全新的基于OAuth的OpenAPI,几经摸索和折腾,终于调通了第一个接口,后来又陆续花了几个周末,拒绝了几场麻将的邀约,再加上国庆假期在老家陪父母的这几天时间,终于实现了一个比较完整的版本。现在整理发文,欢迎大家体验反馈。接下来会抽空兼容ios版本,然后就进入公元2017了。

实现功能

  • 用户登录 & 个人信息查看
  • 博文列表 & 博文评论列表 & 博文评论添加 & 我的博文列表 & 博文离线 & 博文收藏
  • 新闻列表 & 新闻评论列表 & 新闻评论添加 & 新闻离线 & 新闻收藏
  • 闪存列表 & 闪存评论列表 & 闪存评论添加 & 新增闪存 & 我的闪存列表
  • 博问列表 & 博问回答列表 & 博问回答添加 & 博问回答评论列表 & 新增博问 & 我的博问列表
  • 收藏列表 & 收藏详情查看 & 博问 + 新闻添加收藏 & 收藏删除
  • 离线列表 & 离线内容查看 & 离线清除
  • 博文搜索 & 搜索结果详情查看
  • 另外提供了问题和建议反馈的入口,可以直接在应用内提交至作者的博客。

应用截图

因为作者的专职并不是前端设计,页面UI这一块确实感觉到力有不逮,这个版本也就延续了上一版本的“material”风格。好吧,说是material风格其实是不准确的,比如应用采用的图标不是material常用的实心,而是ios的线性,还有字号、间距、颜色这些,基本上都是跟着感觉走。下面贴出部分截图大家肉眼感受一下,欢迎吐槽。

  • 登录

login page

  • 首页

home page

  • 个人中心

user page

  • 文章详情

detail page

  • 评论列表

comment page

  • 侧边栏导航

drawer page

  • 博问详情

question page

应用特色

  • 官方接口提供。数据获取不再通过hack式的html解析。
  • 基于react-native构建。移动的模式,原生的体验。
  • android和ios的代码库统一,兼容成本低。
  • 基于codepush的热更新能力。新功能和补丁不需要再频繁下载安装包。
  • 紧跟时代的技术栈,react/redux/es6/codepush/...

仍需完善

由于时间和精力方面的原因,当前发布的版本仍然还有诸多可完善的地方,已知的一些细节和问题如下:

  • 最重要的,兼容IOS。
  • 文章内容页博客园链接应用内跳转。
  • 文章HTML解析渲染组件性能优化。
  • 引用回复。
  • 博问的发布接口还有点问题。
  • 考虑接入知识库文章。
  • 闪存和博问可插入图片(这个好像还需要博客园官方接口支持的样子)。
  • 登录注销(这个还在想有没有必要)。
  • 夜间模式。
  • 接收到的反馈信息。

下载入口

可扫码直接安装。得益于web化的热更新能力,后续更新不再需要再次下载安装包。
download

或访问以下链接下载:http://fir.im/togayther

注:因为fir每日有应用下载限量。如遇无法下载的情况,可通过以下备用链接,直接下载apk:
http://123.56.135.166/cnblog/public/apk/react-native-cnblogs_v3.0.0.apk

源码地址

https://github.com/togayther/react-native-cnblogs

本地运行的话,请参照上述源码库的文档说明。另外,因为博客园提供的接口调用时需要经过oauth授权,所以需要向官方申请相关的授权文件(ClientId, ClientSecret,rsa加密公钥等),出于安全方面的考虑,上述代码库对相关的信息进行了屏蔽。在使用过程中有任何问题或者建议,欢迎提交issue或在本博文下留言,作者会第一时间进行回复。感谢!

posted @ 2016-10-08 21:14  麦克默菲  阅读(2954)  评论(36编辑  收藏  举报