Graphql로 작성한 JWT 인증이 필요한 API 서버에, 브라우저(여기에서는 Chorome를 이용)를 사용해 액세스 하는 방법을 설명합니다.

JWT 취득

로그인 인증(사용자 ID와 패스워드)을 실시하는 폼, 또는 API를 사용해, JWT를 취득합니다.
개발 중인 사이트라면, 로그인 폼을 작성해 돌아온 JWT를 표시하도록 해 두면 편리합니다. 또한 API를 사용하는 경우 curl이 유용합니다 (나는 서투른)

Chrome 확장 프로그램 'ModHeader' 설치

JWT 인증이 필요한 API 서버에 액세스하려면 인증을 위해 헤더를 지정해야 합니다.
그 때 편리한 것이 Chrome의 확장 기능 "ModHeader"입니다.

JWT 인증에 필요한 헤더 설정

Chrome에 ModHeader 아이콘이 표시되므로 클릭합니다.



헤더를 설정하는 화면이 열리므로 JWT 인증에 필요한 헤더 정보를 설정합니다.
헤더명은 「Authorization」, 값에는 「Beaer<토큰>」을 설정합니다.

JWT 인증이 필요한 API 서버(Graphql)에 액세스

JWT 인증이 필요한 API 서버에 액세스해보십시오.

http://localhost:3000/graphql



액세스할 수 있었습니다!