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

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

效果图

源码下载地址：

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

目录结构

├── app.js

├── app.json

├── app.wxss

├── config.js

├── pages

│   ├── detail

│   ├── index

│   └── themes

├── static

│   ├── 001.jpg

│   ├── arrowright.png

│   ├── comments.png

│   ├── loading.gif

│   ├── loading.svg

│   ├── pengyou.png

│   ├── qq.png

│   ├── share.png

│   ├── wechat.png

│   ├── wechatHL.png

│   ├── weibo.png

│   ├── weixin.png

│   └── zan.png

├── template

│   └── itemlist.wxml

└── utils

    └── util.js

API 说明

知乎日报的消息以 JSON 格式输出

网址中 api 后数字代表 API 版本，过高或过低均会得到错误信息

较老的接口（启动界面图像获取，最新消息，过往消息）中将数字 2 替换为 1.2 获得效果相同，替换为 1.1 获得的是老版本 API 输出的 JSON 格式（替换为更低，如 1.0，或更高，如 1.3，将会获得错误消息）

以下所有 API 使用的 HTTP Method 均为 GET

API 分析

1. 启动界面图像获取

URL: http://news-at.zhihu.com/api/4/start-image/1080*1776

start-image 后为图像分辨率，接受任意的 number*number 格式， number 为任意非负整数，返回值均相同。

响应实例：

分析：
text : 供显示的图片版权信息
img : 图像的 URL
2. 软件版本查询
Android: http://news-at.zhihu.com/api/4/version/android/2.3.0
iOS: http://news-at.zhihu.com/api/4/version/ios/2.3.0
URL 最后部分的数字代表所安装『知乎日报』的版本
响应实例：
软件为最新版本时
软件为较老版本时
分析：
status : 0 代表软件为最新版本，1 代表软件需要升级
latest : 软件最新版本的版本号（数字的第二段会比最新的版本号低 1）
msg : 仅出现在软件需要升级的情形下，提示用户升级软件的对话框中显示的消息
3. 最新消息
URL: http://news-at.zhihu.com/api/4/news/latest
响应实例：
分析：
date : 日期
stories : 当日新闻
title : 新闻标题
images : 图像地址（官方 API 使用数组形式。目前暂未有使用多张图片的情形出现，曾见无 images 属性的情况，请在使用中注意 ）
ga_prefix : 供 Google Analytics 使用
type : 作用未知
id : url 与 share_url 中最后的数字（应为内容的 id）
multipic : 消息是否包含多张图片（仅出现在包含多图的新闻中）
top_stories : 界面顶部 ViewPager 滚动显示的显示内容（子项格式同上）（请注意区分此处的 image 属性与 stories 中的 images 属性）
4. 消息内容获取与离线下载
URL: http://news-at.zhihu.com/api/4/news/3892357
使用在 最新消息 中获得的 id，拼接在 http://news-at.zhihu.com/api/4/news/ 后，得到对应消息 JSON 格式的内容
响应实例：
分析：
body : HTML 格式的新闻
image-source : 图片的内容提供方。为了避免被起诉非法使用图片，在显示图片时最好附上其版权信息。
title : 新闻标题
image : 获得的图片同 最新消息 获得的图片分辨率不同。这里获得的是在文章浏览界面中使用的大图。
share_url : 供在线查看内容与分享至 SNS 用的 URL
js : 供手机端的 WebView(UIWebView) 使用
recommenders : 这篇文章的推荐者
ga_prefix : 供 Google Analytics 使用
section : 栏目的信息
thumbnail : 栏目的缩略图
id : 该栏目的 id
name : 该栏目的名称
type : 新闻的类型
id : 新闻的 id
css : 供手机端的 WebView(UIWebView) 使用
可知，知乎日报的文章浏览界面利用 WebView(UIWebView) 实现
特别注意
在较为特殊的情况下，知乎日报可能将某个主题日报的站外文章推送至知乎日报首页。
响应实例：
此时返回的 JSON 数据缺少 body，image-source，image，js 属性。多出 theme_name，editor_name，theme_id 三个属性。type 由 0 变为 1。
5. 过往消息
URL: http://news.at.zhihu.com/api/4/news/before/20131119
若果需要查询 11 月 18 日的消息，before 后的数字应为 20131119
知乎日报的生日为 2013 年 5 月 19 日，若 before 后数字小于 20130520 ，只会接收到空消息
输入的今日之后的日期仍然获得今日内容，但是格式不同于最新消息的 JSON 格式
响应实例：
格式与前同，恕不再赘述
6. 新闻额外信息
URL: {id}
输入新闻的ID，获取对应新闻的额外信息，如评论数量，所获的『赞』的数量。
响应实例：
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）
author : 评论作者
id : 评论者的唯一标识符
content : 评论的内容
likes : 评论所获『赞』的数量
time : 评论时间
avatar : 用户头像图片的地址
8. 新闻对应短评论查看
URL: http://news-at.zhihu.com/api/4/story/4232852/short-comments
使用在 最新消息 中获得的 id，在 {id}/short-comments 中将 id 替换为对应的 id，得到短评论 JSON 格式的内容
响应实例：
格式与前同，恕不再赘述
9. 主题日报列表查看
URL: http://news-at.zhihu.com/api/4/themes
响应实例：
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 格式的内容
响应实例：
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
响应实例：
大体同前面介绍的 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
响应实例：
同样，注意使用 thumbnail 获取图像的地址
14. 栏目具体消息查看
请注意！ 此 API 仍可访问，但是其内容未出现在最新的『知乎日报』 App 中。
URL: http://news-at.zhihu.com/api/3/section/1
URL 最后的数字见『栏目总览』中相应栏目的 id 属性
响应实例：
往前：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要是属于该专栏，否则，返回结果为空
响应实例：
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
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。