Local開発用にスタンドアローン版 graphql playground をインストールして使う

f:id:jun9632:20210514104351p:plain

aws Lambda の serverless で graphqlのAPIサーバーを開発しているけど、コンソールからこんな感じのコマンド叩くのに辛みを感じできたので

curl http://localhost:3000/local/graphql  -X POST -H "Content-Type:application/json" -d '{"query": "query {user {id, name}}"}'

graphql-playground とか graphiql を使いたい!

最初は、Lambda に一緒にのせてホスティングできないかなとも考えましたが、もろもろ大変そうなので graphql-playground のスタンドアローン版を使うことにしました。

早速インストールですが、インストーラー(.dmg)をこちらのページからをダウンロードしてインストールしました。

今回ローカル環境として、serverless offline プラグインで起動しています。

下記で起動

sls offline start -s local

すると

http://localhost:3000/local/graphql

でアクセスできるように設定しています。

graphql-playground のアプリを起動すると、 Localのフォルダを指定するか、エンドポイントを指定するかをきかれるので先程起動したローカル環境のエンドポイントを指定して Openします。

f:id:jun9632:20210514094353p:plain

設定はほとんどなくこれだけで使えるようになります。

f:id:jun9632:20210514102646p:plain

AWSにデプロイ後の、API ゲートウェイのエンドポイントに設定を変えるだけでも使えるのでフロント側の開発が別の人でも、簡単に共有できると思います

ECのウェブ担当者のメモ