Nodejs版知乎日报
发布于 10个月前 作者 nihgwu 3465 次浏览 最后一次编辑是 9个月前

平时爱看知乎日报,写了个最简单的 知乎日报 web版,放在了JAE

2014.05.13更新:更新界面,完善功能,新版本放在了 http://izhihu.jd-app.com (仅在chrome下测试过样式),原版还在 这里 2014.04.13更新:增加了 前一天 功能,移动设备界面适配,采用巧妙的方式规避了时间格式化问题(取消注释即可下载所有历史文件)

代码如下:

var http = require('http');
var fs = require('fs');
var date = '';
function fetchBefore(beforeDate) {
    http.get("http://news.at.zhihu.com/api/1.2/news/before/" + beforeDate, function (res) {
        if (res.statusCode != 200) return;
        var data = '';
        res.setEncoding('utf8');
        res.on('data', function (chunk) {
            data += chunk;
        });
        res.on('end', function () {
            var year = beforeDate.substr(0, 4);
            if (!fs.existsSync(year))    fs.mkdirSync(year);
            fs.writeFile(year + '/' + beforeDate + '.json', data);
            //if (beforeDate != '20130520') fetchBefore(JSON.parse(data).date);  //fetch all the history stories
        });
    });
}
(function fetchLatest() {
    http.get("http://news.at.zhihu.com/api/1.2/news/latest", function (res) {
        if (res.statusCode != 200) return;
        var data = '';
        res.setEncoding('utf8');
        res.on('data', function (chunk) {
            data += chunk;
        });
        res.on('end', function () {
            var json = JSON.parse(data);
            if (date != json.date) {
                date = json.date;
                fetchBefore(date);
            }
            fs.writeFile('latest.json', data);
        });
    });
    setTimeout(fetchLatest, 10 * 60 * 1000);
})();
http.createServer(function (request, response) {
    var url = request.url;
    if (url == '/favicon.ico')   return;
    var file = 'latest.json';
    if (url.length == 16) {
        var path = url.substr(8, 4) + '/' + url.substr(8, 8) + '.json';
        if (fs.existsSync(path))  file = path;
    }
    var data = fs.readFileSync(file);
    var json = JSON.parse(data);
    response.writeHead(200, {'Content-Type': 'text/html;charset=utf-8'});
    response.write('<!doctype html><html><head><title>知乎日报</title>');
    response.write('<meta name="viewport" content="width=device-width,user-scalable=no" />');
    response.write('<style>a{color:#333;text-decoration:none;}body{max-width:600px;margin:10px auto;padding:10px;}</style></head><body>');
    response.write('<h1><a href="/">知乎日报</a> - ' + json.display_date + '</h1>');
    for (var i = 0; i < json.news.length; i++) {
        response.write('<h3><a href="' + json.news[i].share_url + '" target="_blank">' + json.news[i].title + '</a></h3>');
    }
    response.write('<h3><a href="/before/' + json.date + '"><<< 前一天</a></h3>');
    response.write('</body></html>');
    response.end();
}).listen(process.env.PORT || 1337, null);

最初版本

var http = require('http');
var fs = require('fs');
var fetchAt=null;
function writeData(data, response) {
    var json = JSON.parse(data);
    response.writeHead(200, {'Content-Type': 'text/html;charset=utf-8'});
    var title = '知乎日报[' + json.date + ']';
    response.write('<style>a{color:#333;text-decoration:none;}body{width:600px;margin:30px auto 30px;}</style>');
    response.write('<title>' + title + '</title>');
    response.write('<body>');
    response.write('<h1>' + title + '</h1>');
    for (var i = 0; i < json.news.length; i++) {
        response.write('<h3><a href="' + json.news[i].share_url + '" target="_blank">' + json.news[i].title + '</a></h3>');
    }
    response.write('</body>');
    response.end();
}
function fetchData(response) {
    http.get("http://news.at.zhihu.com/api/1.2/news/latest", function (res) {
        if (res.statusCode != 200) return;
        var data = '';
        res.setEncoding('utf8');
        res.on('data', function (chunk) {
            data += chunk;
        });
        res.on('end', function () {
            fs.writeFile('latest.json', data);
            fetchAt = new Date();
            writeData(data, response);
        });
    }).on('error', function (e) {
        response.write("Error: " + e.message);
    });
}
http.createServer(function (request, response) {
    if(request.url == '/favicon.ico')   return;
    if(fetchAt==null||(new Date()-fetchAt)/1000/60>10){
        fetchData(response);
        return;
    }
    var data=fs.readFileSync('latest.json');
    writeData(data, response);
}).listen(process.env.PORT || 1337, null);
30 回复

有意思, 不过页面的 CSS 应该调下吧, 比较难阅读

就是为了极简,本来连样式都没有了,临时加上去的

@nihgwu 极简和简陋是两回事

@laodao so?而且我也不觉得简陋

@nihgwu 很喜欢这种纯文字的排版~

+1 同样觉得Css应该调一下

@nihgwu 适当的css 能让人阅读起来更舒服

@Raymond 问题是我觉得现在的就还行啊。。我用iphone ipad pc看着都还行。。

不错,支持一下!

代码真难看。

怎么才是好看呢……

@nihgwu 代码MD格式时指定用 ```javascript 会不会好看一点?

@nihgwu 请问,你在去年一文里: http://cnodejs.org/topic/51597cf65dff253b378c9d44 这个源代码能分享一下么?

@j4cnodejs 我用的 ```js ……

@j4cnodejs 爬虫代码我发了啊,其他只涉及到页面render

####先支持再细看吧,有想法~

@nihgwu 为啥没有syntax highlight?

@nihgwu 完整的能发我一份么? 想应用geddy到项目中, 看看你曾经填过什么坑

@j4cnodejs geddy现在应该完善多了吧,我还想换成express再放出来呢。。写得太烂

更新界面,完善功能

Nodejs新手,学习一下。PS:没事也爱逛知乎

赶脚域名很霸气,和jd有神马关系呢:)

@nihgwu 么么哒,肿么还不睡觉:( 话说楼上开放源码否:)

回到顶部