skysan's programming notebook

コーディングして思ったことなどを気ままに

Cookieが必要なWeb API実行にブラウザのDeveloper Toolsを使う

はじめに

Web APIを実行するときに、Cookieに認証情報を保持している場合、PostmanやVSCodeのREST ClientなどのツールでAPI実行がうまくいかなかった。

ブラウザのDeveloper ToolsからJavaScriptAPIを実行する方法で解決できたので、メモする。

前提条件

  • ログイン後の認証情報がCookieに保存されている
  • 実行するAPICookie情報を参照して、ユーザ認証チェックをしている

実行環境

実行手順

fetchAPIの例

// 例
// 認証情報はCookieに入っている前提
(await fetch("https://hoge.example.com/items/add/123", { method: 'POST' })).text();

参考