Javascript データ通信 XMLHttpRequest (XHR)など

Question

お読み頂きましてありがとうございます！
現在、ElectronにてJavascriptを使いデータ通信処理の実装を行っております。
ご質問させて頂きたい内容は

---

Javascriptにてデータ通信を行う場合にオススメな方法とその理由についてお伺い出来ればと思っております。

また、現在実装したい処理では、データ通信の際に必ずリファラーを設定したく、リファラー設定が可能な方法についてご教授頂ければ幸いです。

具体的に言いますと、現在Twitterの指定アカウントのフォロワー一覧を取得するというソフトを開発しているのですが、
→ APIを使用・・・１５分に１５回のアクセスしか出来ない為、少し遅い
→ webviewを使用・・・フォロワーが多いユーザーの重くなりすぎて取得が出来ないので論外
→ XMLHttpRequestを使用・・・リファラーの設定がうまくできない

という状態で、最終的に今はXMLHttpRequestを調べている状態なのですが、果たしてこれでリファラーの設定や思う動作が可能なのかがわからず困っております。

こういった事のアドバイスが得意な方がいらっしゃいましたら、是非お力添え頂けますと幸いです。

よろしくお願い致します。

Answer 1

Electron なら、 xhr 使うより fetch のほうがらくだと思います

fetch("https://teratail.com/questions/30249", {referrer: "https://teratail.com/"})
    .then(e => e.text())
    .then(e => console.log(e))

↑リファラは teratail のトップページに設定して この記事のページを取得して表示するコードです

リファラは同じドメイン内でなら好きに設定できますが 別ドメインにはできないです
ただ Electron ではどうなのかわからないです

同じく、 Electron でもブラウザの機能の fetch (xhr も) だとクロスドメインで通信できないのかもです（詳しくないです）
その場合は Node.js で http.get すればよさそうです

ですが、それ以前の問題として、Twitter のフォロワー取得な以上 API を使うしかなく、

APIを使用・・・１５分に１５回のアクセスしか出来ない為、少し遅い

というのは xhr にしても fetch にしても解決しないのではないのですか？

Comments

[think49]

> というのは xhr にしても fetch にしても解決しないのではないのですか
おそらく、Webスクレイピングする要領で実装して Twitter API の仕様を回避しようとしているのだと思います。
Twitter側としては迷惑なHTTPアクセスとなりますので、キックされても仕方ないとは思います。