/CNBlogApp

博客园Vue客户端

Primary LanguageVue

CnBlogApp

    此项目,本地运行能够使用,本地运行所有接口都做了代理,图片也做了中转处理,此项目引用了部分cordova功能,
    譬如原生复制,返回事件,Webview的cookie写入(Cordova中document.cookie不生效).

命令

npm install
npm run start  本地运行
npm run build  本地编译

基于 vue-cli@3.0: https://cli.vuejs.org/

UI 库使用 vant: https://youzan.github.io/vant/#/zh-CN/intro/

/src/utils 下提供了 http 请求,localstorage 存储,cookie 操作

提供了this.push和this.goBack方法,调用这两个方法才能实现切换动画效果

监控了原始backbutton事件,让其调用提供的goBack方法

我已经将vue.config 里面的跨域配置去掉的,可以使用chrome插件crods domain来处理跨域问题。

Cordova打包的时候需要引入如下Plugin,如果觉得运行慢可以自行引入inter的crosswalk或者腾讯的x5引擎提升性能

<plugin name="com.cordova.plugins.cookiemaster" 
spec="https://github.com/chaoszero6/com.cordova.plugins.cookiemaster.git" />

<plugin name="eeschiavo-cordova-plugin-clipboard" spec="^1.0.1" />

登录:

Image text

1.个人中心有登录按钮,登录功能里面有一个博客昵称和cookie输入框,
  其中博客昵称只是用来获取用户信息跟用户登录相关操作没直接联系,
  用于昵称请输入准确的不然可能无法匹配,到时获取错误的用户信息。【用户昵称请看我的截图箭头】

2.只有.CNBlogsCookie才是真正评论推荐功能需要使用的。.CNBlogsCookie请用Chrome登陆后在cookie里面查看。
   
3.登录Cookie会过期,如果过期了请重新更新

4.博客ID请输入完整准确的,不然接口可能匹配不到。

接口:

1.非登录的接口来源于: http://wcf.open.cnblogs.com/news/help /  http://wcf.open.cnblogs.com/blog/help
    
2.登录后操作的接口来源于博客园PC断原有接口

实现功能:

1.新闻列表

2.博客列表

3.博客详情[评论功能,推荐功能]

4.新闻详情[新闻详情不提供评论和推荐功能,原因是新闻的接口,居然需要把所有的cookie都加进去,

  而博客的操作只需要加入.CNBlogsCookie这个cookie,个人觉得没太大必要了。基本上也就只有博客评论和推荐的人多,
  
  所以登录界面我也就只提供了.CNBlogsCookie的设置输入框。

下载链接:

https://fir.im/cnblog

更新历史:【app发布历史,请前往下载链接自动更新】

2018/09/14 ---- 新增博客/新闻图片预览

2018/09/02 ---- [1]登录界面新增帮助提示 [2] 解决如果自己用户名被其他人的用户名包含了导致无法登录。譬如我叫做FrankZC如果还有一个叫做FrankZC92,我将无法登录 【此次版本更新不修改版本号,不对用户进行提醒,未有用户反馈】

2018/08/22 ---- 新增皮肤切换功能,部分图片修改,改用阿里iconfont维护

2018/08/18 ---- 新增了App版本更新检查,配置读取的是项目里面的conf.json文件。

2018/08/11 ---- 新增本地博客收藏和回复评论功能,本地收藏存储手机缓存里面。

2018/08/09 ---- 隐藏Mathjax.js加载界面提示,个人中心优化

2018/08/02 ---- 解决数学表达式不支持左右滑动展示

反馈:

1.有任何问题可以在Issue里面反馈

2.或者去我的博客下面评论. https://www.cnblogs.com/FourLeafCloverZc/p/9380895.html

打赏: