基于ReactNative实现的博客园手机客户端
注:升级版本请移步:http://www.cnblogs.com/mcmurphy/p/5934993.html
去年九月,facebook发布了react-native,将web端的javaScript和react技术扩展到了IOS和Android的原生应用开发。用一句大白话来说,就是利用相同的核心代码,就可以搞出androidapp,iosapp,以及后台应用程序。同时,得益于它的热更新能力,软件更新不再需要用户下载新的安装包,就像传统的web网页一样,服务器有修改,终端可即时接触到最新内容。多端技术统一,热更新,原生的体验,真正拥有了这些,才发现当前普遍的移动端开发有多么蛋疼。就像桌面时代的cs结构程序开发很大程度上已经被bs结构所取代一样,移动端的这一进程,会进行的更快。
出于学习及实践的目的,这次用react-native构建了一个博客园的手机客户端,因为没有ios的开发环境(穷),所以当前仅仅支持安卓平台(>=android 4.1.6),但适配ios的话,预估至多也就20%的工作量。
实现功能
- 首页 & 排行 & 新闻等列表查看
- 博文详情 & 新闻详情查看
- 热门博主查看及博主检索
- 博主详情及博主博文列表
- 博文评论 & 新闻评论查看
- 博主及新闻离线收藏及查看
- 设置 & 关于
- CodePush代码热更新
由于博客园官方开放接口所限,而我又不倾向于通过非正规手段实现目的,以下列举一些很重要但并未实现的功能:
- 用户登录
- 发表评论
- 博文发表
- 博文分类别查看
- 评论消息通知等。
页面截图
下载入口
可扫码直接下载体验:
或访问以下链接下载:
http://fir.im/togayther
存在的问题
- 详情页面HTML解析组件仍然存在一些性能和细节问题,对于一些长博客的渲染会耗费比较长的时间。
- 博主详情、博文详情等接口会出现偶尔不会返回数据的问题。
- 接口返回的数据格式为xml,对于前端的解析不够友好。我个人搭建了一个php的中间层。所以客户端请求的接口地址为:123.56.135.166。
- 当前app引用的图标为自己创作,因为找了很久也没有找到博客园相关的app图标资源。不知道这样会不会有什么问题。
- 站内链接应用内跳转查看(官方博文详情接口调用需要传入博文id,但很多博文都自定义了链接,这个还需要再斟酌一下)。
- 一些性能问题。
- IOS适配的问题,看接下来我的时间安排吧。
- 其它一些交互及功能完善。
源码地址
https://github.com/togayther/react-native-cnblogs
有任何问题,可在博文下方留言,或提交issue。
一点后话
在可预知的未来,构建移动端产品的工具及生产力,一定会伴随着科学技术的发展,变得越来越简单和统一。你很难想像时代的进步造福了全人类,但IT从业人员却仍然苦逼的为了兼容各大平台而感觉身体被掏空。就像现在很多原生开发人员开始抱怨工作没有前几年那么好找,其实一定程度上,缘于很多公司的技术选型发生了变化,更加倾向于以一种轻便统一的方式构建业务应用,react-native 当前在业内的热度也印证了这一点。作为技术人员,应该时刻关注行业动态,扩展视野,更新自己的技术栈,才能保证自己的竞争力。在这里祝各位园友工作顺利,也祝博客园紧跟移动互联网浪潮,越来越好!
转载于:https://www.cnblogs.com/mcmurphy/p/5721144.html
基于ReactNative实现的博客园手机客户端相关推荐
- [原创].图解一招搞定UCWEB@Nokia S60v5无法在博客园手机版发闪存的问题
注:本文仅作用于博客园手机版,请其他网站不要转载,谢谢合作. 症状 自从换了Nokia五版的手机,就没有在博客园手机版成功发过闪存及博文.每当我登录博客园手机版,我点击闪一下,杯具就出现了,不停地提示 ...
- 博客园安卓客户端合仔茶版本V5正式发布
博客园安卓客户端合仔茶版本正式推出5.0版本,在上一个版本发布时候获得了广大园友的支持和好评(几千浏览,上百条评论),在此我感到无比的鸡冻,我会更加努力,更好为广大园友服务!!! 上一个版本同时也收到 ...
- 【博客园客户端】博客园Android客户端正式发布
原文地址为: [博客园客户端]博客园Android客户端正式发布 [最新消息]博客园Android客户端已经进驻官方Market,请各位园友果断给好评(手机Android Market中搜索" ...
- 博客园的客户端提示是怎么样一个架构
博客园的客户端提示是怎么样一个架构 客户端脚本执行是怎么样一个执行过程 转载于:https://www.cnblogs.com/13306511495/archive/2005/12/04/29060 ...
- 【原】博客园第三方客户端-i博客园App开源
[原]博客园第三方客户端-i博客园App开源 本文转载请注明出处 -- polobymulberry-博客园 1.前言 目前i博客园App已经更新到2.0.0版本了,使用了最新的博客园Web API. ...
- [V2.0 alpha]又一款博客园Android客户端低调推出
[V2.0]自v1版发布已经有一个月了,赶在周末之前发个v2.0的公测包,欢迎园友下载使用. V2功能说明: 1.用户登陆: 2.文章/新闻评论: 2.用户关注/粉丝查看: 3.个人博客查看: 本来计 ...
- 博客园win8客户端开发记录5-app设置 登录 回复评论
这段时间完成了博客园cnblogs登录,注销和设置的相关功能 ,进入软件, 打开win8的charm setting 选择设置就是当前软件的设置选项了, 感觉这有点山寨mac os x系统(所有软件包 ...
- 博客园android,博客园android客户端
博客园app是一个面向开发者的知识分享社区.博客园官方app推动并帮助开发者通过互联网分享知识,让更多开发者从中受益,致力于帮助开发者用代码改变世界. 软件介绍 博客园app是为IT技术人员们提供一个 ...
- iOS_CNBlog项目开发 (基于博客园api开发) 上篇
按照惯例, 先上效果图 前言 做这个项目是因为刚好在逛博客园的时候看到一篇文章 博客园第三方客户端-i博客园正式发布App Store, 这里就帮忙贴下链接吧. 整个项目做下来大概做了半个月, 今天算 ...
最新文章
- docker mysql容器 修改时区
- 《易学C++(第2版)》——2.4 Visual C++ 6.0的使用
- Springboot与抓拍系统对接实现查询违章数据与预览抓拍照片
- 剑三服务器文件在哪里,剑三服务器同步设置在哪
- java操作LINUX上文件,设置权限问题
- IntelliJ IDEA for Mac如何使用单元测试Junit
- .Net Discovery 系列之一--string从入门到精通(上)
- could not start avd怎么解决_双十一又到了,你的购物车塞满了吗?「购物车」用英语该怎么说?...
- IT經理出招 電腦耗電減少
- BZOJ 3685 普通van Emde Boas树 权值线段树(zkw)
- 20. 自定义配置文件
- 人民邮电出版社图灵公司征求《Windows Communication Foundation Unleashed》译者
- Delphi SWF SDK v1.4 Crack Notes
- Java精简高效异步编程实战
- 卡内基梅隆大学计算机博士申请,2020年卡内基梅隆大学博士申请时间
- 听云-服务器监控,window+tomcat配置
- 【文末下载PPT】李中文:软件成分安全分析(SCA)能力的建设与演进
- 利用huffman编码对文本文件进行压缩与解压(java实现)
- calcite是什么
- 计算机一级表格减法,怎么把表格的数字全部加减