Altair GraphQl 클라이언트로 GraphQl 생산성 향상

graphql, graphql 플레이그라운드, 심지어 베타 지원이 포함된 포스트맨과 같은 graphql 엔드포인트를 쿼리하고 디버깅하기 위해 현재 여러 graphql 클라이언트를 사용할 수 있습니다.

Altair graphql client은 우편 배달부와 같은 단순하고 사용자 친화적인 UI를 갖춘 기능이 풍부한 graphql 클라이언트입니다. 이 게시물에서는 몇 가지 멋진 알테어 트릭을 공유합니다. 자세한 내용은 https://altair.sirmuel.design/을 방문하십시오.

스키마 Doc에서 쿼리 생성
개발 후 쿼리를 테스트할 때 모두 테스트하기 위해 쿼리가 반환하는 모든 필드를 입력해야 하는 경우가 많습니다. 쿼리 생성 기능을 사용하면 모든 필드와 하위 필드를 특정 깊이까지 생성할 수 있습니다. 쿼리의 루트 필드를 표시하기 위해 깊이를 최소 3으로 설정할 수 있습니다. 더 많은 값을 표시하려면 깊이를 늘리십시오. 예를 들어 쿼리 깊이 4를 표시하기 위해 6으로 설정했습니다.


쿼리를 자동으로 채우려면 문서 창을 열고 쿼리에 대한 쿼리 추가 버튼을 클릭합니다. . 그러면 인수를 채우고 보낼 수 있는 미리 생성된 쿼리가 생깁니다.

컬렉션
컬렉션은 쿼리를 공유하거나 작업을 백업 및 복원하려는 경우 유용한 기능입니다. API를 완료할 때마다 URL 표시줄의 저장 버튼을 눌러 기존 모음 또는 새 모음 에 저장하십시오.

컬렉션 창을 사용하여 컬렉션 간에 전환하고, 컬렉션에서 쿼리/변형을 로드하고, 컬렉션을 내보내고 가져올 수 있습니다. . 컬렉션은 변수와 헤더도 저장합니다.

환경
이것은 내가 가장 좋아하는 기능입니다. 여러 환경을 생성하고 환경 간에 쉽게 전환할 수 있습니다. 로컬, 개발, 스테이징, 프로덕션 등과 같은 여러 env에서 쿼리를 테스트해야 하는 경우 여러 env를 만들 수 있으며 env 전환기를 사용하여 환경에서 헤더, 변수, 인수 및 URL과 같은 변수 요소를 업데이트할 수 있습니다.

환경 만들기
환경 전환기를 클릭하고 마지막 옵션 환경을 클릭하여 새 환경을 만듭니다. 전역 범위와 환경 범위에서 환경 변수를 생성하는 옵션이 있습니다. 새 환경을 만들고 모든 환경 변수를 선언하고 양식을 저장하십시오. .

모든 환경 변수는 {{env_var_code}} 형식으로 표시됩니다.

URL의 환경 변수
URL 입력란에 URL을 {{url}}/graphql로 입력하고 url로 환경 변수를 생성하고 환경 URL을 제공합니다.

헤더의 env var
일반적인 사용법은 Bearer 토큰 또는 기타 인증 토큰입니다.Authorization -> Bearer {{token}} .

varibales의 env var
쿼리에서 env vars를 직접 사용할 수 없으므로 graphql 변수로 대체할 수 있고 거기에 env var 식을 입력할 수 있습니다. 예를 들어

{
  "cartId": "{{cartId}}"
}