Gởi Request từ VSCode với Rest Client Extension

Tính năng Gửi/Hủy/Chạy lại yêu cầu HTTP trong trình chỉnh sửa và xem phản hồi trong một khung riêng biệt với phần đánh dấu cú pháp Gửi truy vấn GraphQL và tác giả các biến GraphQL trong trình chỉnh sửa Gửi lệnh cURL trong trình chỉnh sửa và sao chép yêu cầu HTTP dưới dạng

Tính năng

  • Gửi/Hủy/Chạy lại yêu cầu HTTP trong trình chỉnh sửa và xem phản hồi trong một khung riêng biệt với phần đánh dấu cú pháp
  • Gửi truy vấn GraphQL và tác giả các biến GraphQL trong trình chỉnh sửa
  • Gửi lệnh cURL trong trình chỉnh sửa và sao chép yêu cầu HTTP dưới dạng lệnh cURL
  • Tự động lưu và xem/xóa lịch sử yêu cầu
  • Soạn NHIỀU yêu cầu trong một tệp (được phân tách bằng dấu phân cách ###)

Vào extensions của VSCode instal Rest client => tạo file demo.http

Sử dụng

Tạo biến cho request có 2 cách

  • Tạo biến trong file http: @host = https://demo.vn

  • Tạo biến trong file settings.json của VSCode

    1. Nhấn nút settings ở góc trái bên dưới VSCode
    2. Trong ô tìm kiếm gõ: rest client => nhấn Edit in settings.json
      Screen Shot 2022-12-24 at 10.57.01.png
    3. Trong file settings.json => tìm chữ rest-client.environmentVariables rồi khai báo biến trong $shared
    "rest-client.environmentVariables":{"$shared":{"REACT_APP_API_URL":"https://demo.vn",},},

Tạo tên cho requests

  • Request có tên là login => đặt dấu thăng ở đầu dòng => @name => tên request
# @name login
POST {{host}}/api/users/token/
content-type:{{contentType}}

Request url bao gồm

  • Phương thức ( GET/POST/PATCH/DELETE)
  • Url: như trong hình là {{host}}/api/users/token/ với host là biến khai báo ở trên
  • Params:
    GET https://example.com/comments?page=2&pageSize=10
  • Body:
# @name login
POST {{host}}/api/users/token/
content-type:{{contentType}}{"email":"admin@demo.vn","password":"demo"}

Nhận giá trị từ response
Như dòng thứ 3 của hình trong phần tính năng ta gán access từ response của request có tên login cho biến token
Biến token này sẽ tự nhận giá trị khi request login được kích hoạt

@token={{login.response.body.access}}

Gán authorization token cho request

### get profile# @name me
GET {{host}}/api/users/me/
content-type:{{contentType}}
Authorization: Bearer {{token}}

Với ### nằm giữa các request giúp các request tách biệt với nhau

Nguồn: viblo.asia

Bài viết liên quan

9 Mẹo lập trình Web “ẩn mình” giúp tiết kiệm hàng giờ đồng hồ

Hầu hết các lập trình viên (kể cả những người giỏi) đều tốn thời gian x

Can GPT-4o Generate Images? All You Need to Know about GPT-4o-image

OpenAI‘s GPT-4o, introduced on March 25, 2025, has revolutionized the way we create visual con

Khi nào nên dùng main, section, article, header, footer, và aside trong HTML5

HTML5 đã giới thiệu các thẻ ngữ nghĩa giúp cấu trúc nội dung web một cách có

So sánh Webhook và API: Khi nào nên sử dụng?

Trong lĩnh vực công nghệ thông tin và phát triển phần mềm, Webhook và API là hai th