Truy vấn GraphQL thô | Thủ thuật CSS

[ad_1]

GraphQL có tất cả các loại công cụ tuyệt vời được xây dựng xung quanh nó. Nhưng giống như mọi thứ trên web, cuối cùng nó sẽ xuất hiện dữ liệu trên mạng và các phản hồi sẽ quay trở lại. Nếu bạn cần nói chuyện với điểm cuối API GraphQL bạn hoàn toàn không phải sử dụng một số loại khung hoặc thư viện để đưa ra yêu cầu chống lại nó. Thực tế, bạn có thể làm điều đó khá rõ ràng trong JavaScript vanilla.

Lấy API Pokémon có sẵn trong GraphQL, mà tôi tìm thấy qua danh sách API này. Nó có giao diện GraphiQL để khám phá.

Từ trang đó, bạn có thể thực hiện các truy vấn và xem kết quả. Bạn cũng có thể chọc vào tab Mạng trong DevTools và xem tải trọng cho các yêu cầu mà nó gửi đi và thấy rằng đó chỉ là một chút JSON được POST.

Chúng ta cũng có thể tạo JSON của riêng mình theo định dạng đó! Trước tiên, chúng tôi sẽ biến nó thành một đối tượng theo đúng định dạng, sử dụng các ký tự mẫu để làm cho truy vấn GraphQL trông đẹp mắt (điều này thực sự cần thiết vì cú pháp truy vấn phụ thuộc vào khoảng trắng). Sau đó, chúng tôi JSON-ify với API JavaScript gốc và POST nó thông qua API cũng fetch .

Xem Bút
GraphQL thô của Chris Coyier (@chriscoyier)
trên CodePen.

Dễ cheesy. Và không có công cụ ưa thích nào để yêu cầu chính xác những gì bạn cần, đó là lợi ích cốt lõi của GraphQL.

[ad_2]
Source link: webdesignernews

Leave a Reply

Your email address will not be published. Required fields are marked *

.
.
.
.