なろう小説APIをTypeScript(JavaScript)のfetchをつかって扱いたい

Question

前提

なろう小説APIをJavaScriptから扱いたいと考えています。
APIの方でgzipとyamlの利用が推奨されているため、それらを扱いたいと思います。

やってみたこと

fetchでデータを取ってきてzlibで解答を試みましたがうまくいきませんでした。

# apiの出力データをyaml形式、gzipで取得するURL
const url = 'https://api.syosetu.com/novelapi/api/?gzip=5&out=yaml';
fetch(url)
  .then((res) => res.blob())
  .then((blob) => blob.text())
  .then((text) => text.toString())
  .then((gzip) => {
    const yaml = gunzipSync(gzip);
    console.log(yaml.toString());
  });

エラーメッセージ

Error: incorrect header check
    at Zlib.zlibOnError [as onerror] (node:zlib:190:17)
    at processChunkSync (node:zlib:456:12)
    at zlibBufferSync (node:zlib:178:12)
    at syncBufferWrapper (node:zlib:791:14)
    at D:\program\narouapi\src\typescript\index.ts:14:28
    at processTicksAndRejections (node:internal/process/task_queues:96:5) {
  errno: -3,
  code: 'Z_DATA_ERROR'
}

考えられる原因

ブラウザでダウンロードしたファイルの解凍はうまくいっているのでfetchでデータを取ってくるところでうまくいっていないのかなぁと思っているのですが、原因がよくわかりません。

バージョンなど

Node: v16.14.0
"@types/node-fetch": "^2.6.2",
"node-fetch": "^2.6.7",
"ts-node": "^10.9.1",
"typescript": "^4.9.4",
"zlib": "^1.0.5"

Answer 1

APIのレスポンスはバイナリなのですよね? Blob にしてテキストにするのは不要では。

fetch(url)
  .then(res => res.arrayBuffer())
  .then(arrayBuffer => {
    const yaml = gunzipSync(arrayBuffer);

Comments

[syoshinsya-]

動きました！ありがとうございます

fetch使ったことなさ過ぎて迷走してたみたいです...