微信小程序知乎日报完整版源码

小程序刚刚出来不就就火爆了整个前端圈, 咱也不干落后的研究了一下, 网上找了个”知乎日报API接口“做了个小项目练手, 基本上还算完整的实现了整个项目, 欢迎 star fork，由于小程序对HTML的不支持, 详情页做了些简单的过滤, 基本上看着还行。某些网络图片无法显示. 貌似是小程序的BUG。由于小程序的局限性, 很多效果还是无法实现的. 不知道公测是否会开放。由于没有内测资格, 只能 clone 到本地进行体验了，项目持续开发优化。

效果图

源码下载地址：

百度网盘：链接：密码：kp24

输入新闻的ID，获取对应新闻的额外信息，如评论数量，所获的『赞』的数量。

响应实例：

rush:html;toolbar:false">{
"long_comments": 0,
"popularity": 161,
"short_comments": 19,
"comments": 19,
}

long_comments : 长评论总数

popularity : 点赞总数

short_comments : 短评论总数

comments : 评论总数

7. 新闻对应长评论查看

URL: http://news-at.zhihu.com/api/4/story/4232852/long-comments

使用在最新消息中获得的 id，在 {id}/long-comments 中将 id 替换为对应的 id，得到长评论 JSON 格式的内容

响应实例：

分析：

comments : 长评论列表，形式为数组（请注意，其长度可能为 0）

URL: http://news-at.zhihu.com/api/4/story/4232852/short-comments

响应实例：

rush:html;toolbar:false">{
"comments": [
{
"author": "Xiaole说",
"id": 545721,
"content": "就吃了个花生米，呵呵",
"likes": 0,
"time": 1413600071,
"avatar": "http://pic1.zhimg.com/c41f035ab_im.jpg"
},
...
]
}

格式与前同，恕不再赘述

9. 主题日报列表查看

URL: http://news-at.zhihu.com/api/4/themes

响应实例：

rush:html;toolbar:false">{
"limit": 1000,
"subscribed": [ ],
"others": [
{
"color": 8307764,
"thumbnail": "http://pic4.zhimg.com/2c38a96e84b5cc8331a901920a87ea71.jpg",
"description": "内容由知乎用户推荐，海纳主题百万，趣味上天入地",
"id": 12,
"name": "用户推荐日报"
},
...
]
}

limit : 返回数目之限制（仅为猜测）

subscribed : 已订阅条目

others : 其他条目

color : 颜色，作用未知

thumbnail : 供显示的图片地址

description : 主题日报的介绍

id : 该主题日报的编号

name : 供显示的主题日报名称

10. 主题日报内容查看

URL: http://news-at.zhihu.com/api/4/theme/11

使用在主题日报列表查看中获得需要查看的主题日报的 id，拼接在 http://news-at.zhihu.com/api/4/theme/ 后，得到对应主题日报 JSON 格式的内容

响应实例：

rush:html;toolbar:false">{
stories: [
{
images: [
"http://pic1.zhimg.com/84dadf360399e0de406c133153fc4ab8_t.jpg"
],
type: 0,
id: 4239728,
title: "前苏联监狱纹身百科图鉴"
},
...
],
description: "为你发现最有趣的新鲜事，建议在 WiFi 下查看",
background: "http://pic1.zhimg.com/a5128188ed788005ad50840a42079c41.jpg",
color: 8307764,
name: "不许无聊",
image: "http://pic3.zhimg.com/da1fcaf6a02d1223d130d5b106e828b9.jpg",
editors: [
{
url: "http://www.zhihu.com/people/wezeit",
bio: "微在 Wezeit 主编",
id: 70,
avatar: "http://pic4.zhimg.com/068311926_m.jpg",
name: "益康糯米"
},
...
],
image_source: ""
}

stories : 该主题日报中的文章列表

images : 图像地址（其类型为数组。请留意在代码中处理无该属性与数组长度为 0 的情况）

type : 类型，作用未知

title : 消息的标题

description : 该主题日报的介绍

background : 该主题日报的背景图片（大图）

color : 颜色，作用未知

name : 该主题日报的名称

image : 背景图片的小图版本

editors : 该主题日报的编辑（『用户推荐日报』中此项的指是一个空数组，在 App 中的主编栏显示为『许多人』，点击后访问该主题日报的介绍页面，请留意）

url : 主编的知乎用户主页

bio : 主编的个人简介

id : 数据库中的唯一表示符

avatar : 主编的头像

name : 主编的姓名

image_source : 图像的版权信息

11. 热门消息

请注意！此 API 仍可访问，但是其内容未出现在最新的『知乎日报』 App 中。

URL: http://news-at.zhihu.com/api/3/news/hot

响应实例：

rush:html;toolbar:false">{
recent: [
{
news_id: 3748552,
url: "http://daily.zhihu.com/api/2/news/3748552",
thumbnail: "http://p3.zhimg.com/67/6a/676a8337efec71a100eea6130482091b.jpg",
title: "长得漂亮能力出众性格单纯的姑娘为什么会没有男朋友？"
},
...
]
}

大体同前面介绍的 API 类似，唯一需要注意的是：欲获得图片地址，不再使用 image 而是 thumbnail 属性

url 属性可直接使用。请注意，url 中的 api 属性为 2，是较老版本。

12. 软件推广

请注意！此 API 已无法访问，但是其内容曾出现于『知乎日报』 App 中。

Android: http://news-at.zhihu.com/api/3/promotion/android

iOS: http://news-at.zhihu.com/api/3/promotion/ios

13. 栏目总览

请注意！此 API 仍可访问，但是其内容未出现在最新的『知乎日报』 App 中。

URL: http://news-at.zhihu.com/api/3/sections

响应实例：

rush:html;toolbar:false">{
data: [
{
id: 1,
thumbnail: "http://p2.zhimg.com/10/b8/10b8193dd6a3404d31b2c50e1e232c87.jpg",
name: "深夜食堂",
description: "睡前宵夜，用别人的故事下酒"
},
...
]
}

同样，注意使用 thumbnail 获取图像的地址

14. 栏目具体消息查看

请注意！此 API 仍可访问，但是其内容未出现在最新的『知乎日报』 App 中。

URL: http://news-at.zhihu.com/api/3/section/1

URL 最后的数字见『栏目总览』中相应栏目的 id 属性

响应实例：

rush:html;toolbar:false">{
news: [
{
date: "20140522",
display_date: "5 月 22 日"
},
...
],
name: "深夜食堂",
timestamp: 1398780001
}

往前：http://news-at.zhihu.com/api/3/section/1/before/1398780001

在 URL 最后加上一个时间戳，时间戳详见 JSON 数据末端的 timestamp 属性

15. 查看新闻的推荐者

URL: {id}/recommenders

将新闻id填入到#{id}的位置，如 http://news-at.zhihu.com/api/4/story/7101963/recommenders

响应实例

16. 获取某个专栏之前的新闻

URL: {section id}/before/#{timestamp}

将专栏id填入到 #{section id}, 将时间戳填入到#{timestamp}，如 http://news-at.zhihu.com/api/4/section/34/before/1465772400

注：新闻id要是属于该专栏，否则，返回结果为空

响应实例：

rush:html;toolbar:false">{
"stories": [
{
"images": [
"http://pic2.zhimg.com/27f3d8f4c1e0000d04ee446a2f020cf1_t.jpg"
 ],
"type": 2,
"id": 7119477,
"title": "9 张本周最热节操图，诺一就是人生赢家本人"
}, ...
]
}

17. 查看editor的主页

iOS: {id}/profile-page/ios

Android: {id}/profile-page/android

如 http://news-at.zhihu.com/api/4/editor/79/profile-page/ios

github：https://github.com/LiuCaiHe/wechat-app-sample

微信小程序知乎日报完整版源码

效果图

目录结构

API 说明

API 分析

相关推荐