JavascriptでYahooAPIの取得の仕方について

Question

#概要
Yahooルビ振りAPIを使用したいと思い、アプリケーション登録を行いAPIから取得しようとしましたが、「"Bad Request: Authentication parameters in your request incompleted」となります。

#実際のコード

const axios = require('axios');
let data = JSON.stringify({
  "id": "1234-1",
  "jsonrpc": "2.0",
  "method": "jlp.furiganaservice.furigana",
  "params": {
    "q": "漢字かな交じり文にふりがなを振ること。"
  }
});

let config = {
  method: 'get',
  url: 'https://jlp.yahooapis.jp/FuriganaService/V2/furigana',
  headers: { 
    'User-Agent': 'Yahoo AppID: HOGEHGE-', 
    'Content-Type': 'application/json'
  },
  data : data
};

axios(config)
.then((response) => {
  console.log(JSON.stringify(response.data));
})
.catch((error) => {
  console.log(error);
});

サンプルには、ユーザーエージェントに組み込むような形だったので同じようにしましたが認証エラーになります。

サンプルの認証キーの変数名はAPPIDとなっておりますが、yahoo管理画面で該当するものがわからなくClient IDを入力していますが、これが間違っているのでしょうか？

Answer 1

そもそも論として、このAPIはブラウザ内から呼び出せるものなのでしょうか？

APIサイドがCORSに対応していなければどうしようもありません。