12
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

GraphiQL で Header が指定できない対応策

Posted at

問題

GraphiQL は、シンプルで使いやすいものの、機能が乏しい。

例えば Header を指定できないので、ログイン情報(トークンなど)を Header Authorization: Bearer TOKEN で送信していると、送信できなくて詰む。

結論

Chromeの拡張機能(デスクトップもある) Altair 使うと良さげ。

回避策

みんな困っているようで、調べていたら、下記の Issue にぶち当たった。

GraphiQL を使う限り、今の所は、ある程度Hackする必要がありそう。

1. GraphiQL を改造

無理矢理 Header を差し込む、静的なHTMLを作成する

このHTMLを貼って、どこかに置いておけば良いので、楽かも。

2. Header を入れる拡張機能

3. Auth GraphiQL を使う

こちらで、 GraphiQL を Wrap したものがある。

4. Altair 使う

GraphiQL は、補完が強すぎてタイポする、一部の Macの Emacs バインディングが消える (C-f が使えなくてつらい) など、編集性能でも使いにくかった。
ので、この際乗り換えてしまおう。

image.png

補完は GraphiQL ほどではないけど、使いやすい。

Appendix

同名のPythonライブラリがあるので注意。

12
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?