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

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

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

实现功能

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

应用截图

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

  • 登陆

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/...

仍需完善

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

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

下载入口

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

或访问如下连接下载:http://fir.im/togaythergit

注:由于fir每日有应用下载限量。如遇没法下载的状况,可经过如下备用连接,直接下载apk:
http://123.56.135.166/cnblog/public/apk/react-native-cnblogs_v3.0.0.apkes6

源码地址

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

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

相关文章
相关标签/搜索