做法
以下使用部落格的 Atom 供稿檔為例。
JavaScript
新增 index.html 檔，使用 Web API 解析。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
(async () => {
const res = await fetch('https://blog.epoch.tw/atom.xml');
const doc = new DOMParser().parseFromString(await res.text(), 'text/xml');
const data = Array.from(doc.querySelectorAll('entry').values())
.map((entry) => ({
title: entry.querySelector('title')?.textContent,
link: entry.querySelector('link')?.getAttribute('href'),
published: entry.querySelector('published')?.textContent,
}));
console.log(data);
})();
</script>
</body>
</html>
|
Node
安裝依賴套件。
修改 package.json 檔。
新增 index.js 檔。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| import fetch from 'node-fetch';
import xml2js from 'xml2js';
(async () => {
const res = await fetch('https://blog.epoch.tw/atom.xml');
const str = await res.text();
const doc = await xml2js.parseStringPromise(str);
const data = doc.feed.entry.map((entry) => ({
title: entry.title[0],
link: entry.link[0].$.href,
published: entry.published[0],
}));
console.log(data);
})();
|
執行程式。
如果要讀取本地檔案，修改 index.js 檔。
1
2
3
4
5
6
7
8
9
10
11
| import fs from 'fs';
import xml2js from 'xml2js';
const parser = new xml2js.Parser();
fs.readFile('data.xml', function (err, data) {
parser.parseString(data, function (err, result) {
console.dir(result);
console.log('Done');
});
});
|
執行程式。