关键词：
背景: 自从今年下半年接触一个基于ReactJS 的手机APP项目。开始了解到了Corodva这个神奇的东西。后续自己也自作了一些小的APP放到了应用宝上。8月份开始想做一个博客园APP。于是就私聊博客园团队申请了博客园API访问权限（当然其实应用宝里面也有博客园APP了。而且用fiddler抓取了一下。发现API还很完善。说实话比博客园团队提供的API完善多了。我想应该是开发者用爬虫软件爬的页面然后自己解析的吧。）
第一步: 申请API:
私聊博客园，获取了OAuth的ClientId和ClientSerect。
第二步: 调用API：
以前没用过OAuth2.0,然后恶补了一下OAuth2.0的知识。这里就不介绍具体概览了。就来看看怎么去掉用API。我选择的工具是Postman(自我感觉一款不错的Chrome扩展),当然需要FQ了。
下面测试新闻的链接. Type选择OAuth2.0
博客园的OAuth2.0的Token地址是https://api.cnblogs.com/token 地址. 获取后会返回token和expiretime,然后点击UserToken就可以访问了.
第三步: 技术选择
本次项目只是作为个人业余练习，想学习一下Angular2, 再加上Ionic是一款不错的框架。而且也出来了Ionic2的beta版本。（Ionic因该是迄今为止与Angular合作最好的H5 APP框架了吧，个人认为）。所以果断选择Ionic2来开发。Ionic2的风格我也很喜欢。
第四步: 开发阶段
开发都是用的这个月的业余时间,虽然API很早就申请了。前面公司有其他项目一直没时间做。刚好本月有空就在上班业余时间完成了这个小APP第一版。
此处省略一大波不好的代码(因为前期的对Angular2的不熟，代码结构很乱.)
第五: 产品展示:
功能点: 1. 支持新闻和博客的查询。支持分享,评论。点击头像进入博主空间查看博客文章
第六: 遇到的坑
1. Ionic2不熟悉,Angular2不熟悉, 需要花时间去看API
2. 以前在美国某蛋电商成都分公司上班主要做.net后端系统做得多。虽然现在在某海淘小公司从事前端。JS功底还是比较自信（因为感觉跟Ｃ＃没啥区别，尤其是现在的typescript）。可是对于一个不爱画画的男IT。连PS都不会的, CSS 功底太差（因为现在的公司有专门写HTML和css的UI妹纸）。有的地方还是要用到css比如列表的tab是自己写的。虽然只需要10多行css不过自己还是花了很多时间 。包括Logo还是摆脱UI妹纸花几分钟弄点（可是我自己估计要弄很久）
3. 对OAuth不熟悉,去了解OAuth还是花了一些时间。
4.本地开发浏览器localhost服务跨越调试很不方便。对于博客园的非登录API 浏览器localhost设置代理是可以解决跨越问题的。可是有关登录。比如评论功能就卡了很长一段时间。在调用了登录API后。返回了True，Response的header里面也返回回来的登录后的cookie. 可是在调用评论接口的时候header里面的cookie就丢失了，然后博客园服务端就返回提示信息（用户未登录）。不过在打包成APP在手机里面后是正常的。个人认为是因为登录和评论API不是一个基地址。而在localhost访问的时候我给浏览器设置了两个代理。
第七:总结
用一个月的零碎时间搞了这么一个小玩意。代码我自己都在吐槽，确实有很多问题。后面有空会考虑再做一个CNode的客户端。看了CNode提供的API，相对要比博客园更合理。到时候会好好设计一下项目结构。再做代码分享吧。
https://github.com/FourLeafClover/CNBlogApp
由于版权问题,应用宝上架提示我侵权。虽然我已经把申请博客园的聊天记录发给了客服还是不行。所以博客打包后的APP 我会放到github上。家里的台式没有开发环境。等明天到了公司在把APP放到github上。(不多说了。看会儿电视就洗洗睡睡了。)
这里在推荐一个给予RN(React native)的博客园APP，确实不错。UI和流畅度都很好。忘记是哪位博友做的。只是无意间在一个博客评论里面看见是一个博友做的。
http://sj.qq.com/myapp/detail.htm?apkName=com.google.android.apps.blogger
基于spec评论“欢迎来怼”团队alpha版作品
“欢迎来怼”团队的作品是手机版博客园1.获取此博客园app的方式——二维码通过扫描二维码的方式下载app，这是当今比较流行的方式，适合广大手机的使用者——青少年的使用习惯。2.点击图标，进入该app若使用者的手机当前... 查看详情
h5混合开发app配置以及第一个工程--博客园老牛大讲堂
...就把步骤粘出来，有不懂的地方给我留言，我再修改。--博客园老牛大讲堂思想：首先用Hbuilder开发工程，把自己的工程粘贴到APICloud的工程里面。然后用网上的APICloud的内容打包内容。环境：Hbuilder，夜神模拟器，APICloud开发工具... 查看详情
博客园基于simplememory主题私人订制(代码片段)
博客园后台设置管理->设置：页面定制CSS代码：/*禁用下划线*/.postBodya:link,.postBodya:visited,.postBodya:activetext-decoration:none;/*上一篇下一篇*/#post_next_prevfont-size:14px;color:#535353;/*底部隐藏作者，隐藏推荐和反对*/#author_profile 查看详情
博客园页面样式尝试01
随着各种设备的兴起，WebApi作为服务也越来越流行。而在无任何保护措施的情况下接口完全暴露在外面，将导致被恶意请求。最近项目的项目中由于提供给APP的接口未对接口进行时间防范导致短信接口被怒对造成一定的损失，临... 查看详情
博客园主题修改分享(代码片段)
...，感觉有点亏待它。博客过年，马上安排！本篇部分知识基于上两篇博客博客园主题修改分享和博客园主题修改分享-脚本篇。先上效果图1.设置全局css变量主要是通过css3的变量设置，统一博客界面的颜色。:root--bg:#f5f7f9;/*--main:#1... 查看详情
博客园添加动态背景效果(代码片段)
...使用食用食用方法先良心安利js写的动画库。其原理就是基于HTML5新特性canvas，渲染的动画效果。有兴趣可以访问一下：动画库原地址，里面有使用方法的详细介绍，这里不赘述了。首先下载其中的canvas-nest.js,然后上传到博客园... 查看详情
c#项目中使用selenium+phantomjs模拟登录博客园
...能自动化的同学开始首选selenium PhantomJSPhantomJS是一个基于webkit的javascriptAPI。它使用QtWebKit作为它核心浏览器的功能，使用webkit来编译解释执行JavaScript代码。任何你可以在基于webkit浏览器做的事情，它都能做到。它不仅是个隐... 查看详情
利用abot抓取博客园新闻数据
1.引言相比于Java而言，基于C#的开源爬虫就少了很多。入行这么多年也从未接触过爬虫。出于兴趣今天给大家介绍一个C#的爬虫工具Abot.需要使用可以通过Nuget获取。Abot本身就支持多线程的爬取，内部使用CsQuery来解析爬取到的Html... 查看详情
博客园页面模板--老牛大讲堂
我介绍的模板就是我自己设计的模板，有兴趣的可以参考一下。页面主要分为三个部分：第一部分是头部，第二部分是处理生成的数据， 第三部分就是引入js，jq，框架，并写jqury。首先我这个页面主要用了bootstrap框架，和jqu... 查看详情
将自己的博客园，打造成个人知乎
将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造... 查看详情
模拟退火算法(转自-ranjiewen的博客园！)
著名的模拟退火算法，它是一种基于蒙特卡洛思想设计的近似求解最优化问题的方法。 一点历史——如果你不感兴趣，可以跳过 美国物理学家N.Metropolis和同仁在1953年发表研究复杂系统、... 查看详情
开通博客园博客说明
博客园博客说明之前准备用hexo+github搭建的博客来记录自己的前端之旅，原先的博客确实搭建好了，但是由于自己对博客内容太在乎，一些平常的练习没有记录在其中。为了监督自己，为了给平时的练习存放，所以选择了博客园... 查看详情
基于nodejs的gulplivereload与visualstudio完美结合。
本文版权桂博客园和作者吴双共同所有，转载和爬虫请注明原文地址http://www.cnblogs.com/tdws/p/6016055.html写在前面大家好我是博客园的蜗牛，博客园的蜗牛就是我。学习这篇文章，你不需要任何nodejs基础，当然你有的话就更顺利了。... 查看详情
tinyking的博客园
Hi，all我的博客园地址：http://www.cnblogs.com/tinyking/以后博客将更新到博客园 查看详情
如何设置博客园好看的标题样式
1.向博客园申请js权限 我们需要进入博客园自定义博客模板的页面，向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】，点击页面上的js权限申请，然后填写申请的理由，耐心等几分钟，再刷... 查看详情
§博客园
博客园主页管理我的主页 博客园登录博客园私信新随笔 查看详情
博客园个人界面美化（初入博客园）(代码片段)
刚入博客园，小白也要有一个“高大上”的个人博客页面啊，鼓捣了一下午，感觉自己棒棒的，叉腰得瑟个人感觉Simple的主页样式很美观，大气，哈哈首先，在博客园后台管理的设置里，申请js代码的权限（默认是没有打... 查看详情
制作博客园目录导航(代码片段)
在博客园文章的上方制作一个导航窗口，方便浏览文章内容。点击按钮可以跳转到指定标题，还具备返回顶部功能。 1.向博客园申请JS权限我们需要进入博客园自定义博客模板的页面，向博客园管理团队申请页面运行js的权限... 查看详情