Nodejs版知乎日报

Nodejs版知乎日报

平时爱看知乎日报，写了个最简单的 知乎日报 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);

17 回复

Nodejs版知乎日报

平时爱看知乎日报，写了个最简单的 知乎日报 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);

代码解析

  1. HTTP请求：使用http.get方法从知乎日报API获取最新的新闻数据。
  2. 文件读写：使用fs模块读取和写入JSON文件，以便缓存数据。
  3. 服务器创建：使用http.createServer创建一个HTTP服务器，处理客户端请求并返回相应的HTML页面。
  4. 数据处理：将获取到的JSON数据转换为HTML格式，并通过HTTP响应返回给客户端。

这个简单的Node.js应用可以让你在网页上查看知乎日报的内容。


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

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

更新完善

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

-_-||

不错,支持一下!

代码真难看。

怎么才是好看呢……

thx

挺好玩。

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

更新界面，完善功能

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

赶脚域名很霸气，和jd有神马关系呢：）

京东云

根据你的描述，“Nodejs版知乎日报”的帖子内容展示了如何使用Node.js创建一个简单的知乎日报web应用。该应用会定期获取知乎日报的最新新闻，并提供查看最新新闻和前一天新闻的功能。

示例代码

最新版本代码

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);  // 每10分钟获取一次最新数据
})();

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);

解释

  1. 请求数据：通过http.get请求知乎日报API获取最新的新闻数据。
  2. 保存数据：将获取的数据保存到本地文件中。
  3. 处理请求：通过HTTP服务器处理来自客户端的请求，返回HTML页面展示新闻列表。
  4. 定时任务：每10分钟自动刷新一次数据，确保页面上的信息是最新的。
  5. 前一日链接：提供了跳转到前一天新闻的链接。

这个示例代码实现了一个基本的知乎日报web应用，能够展示最新新闻以及前一天的新闻。

回到顶部