LoginSignup
0
1

More than 1 year has passed since last update.

【APIテスト】VS CodeのREST ClientでAPIテストする

Posted at

環境メモ
⭐️macOS Monterey
⭐️Python 3.11.1
⭐️Django 4.1.6
⭐️Visual Studio Code 1.75.0 ←Mac OS版
⭐️Docker desktop 4.11.1 ←Mac OS版

1.環境構築

下記で、環境を作成する

2.VS CodeにプラグインREST Clientをインストールする

VS Code上から拡張機能を検索しREST Clientをインストールする。
REST ClientはVS CodeからAPIリクエスト送受信できます。
スクリーンショット 2023-02-18 17.59.15.png

3.APIリクエストを送信する

拡張子.restのファイルを作成します。
ここでは、book.restという名前にしました。

book.rest
POST http://127.0.0.1:8000/non/books/ HTTP/1.1
content-type: application/json

{
    "xxx": "xxx",
    "xxx": "xxx",
    "xxx": "xxx",
    "xxx": "xxx"
}

URLとヘッダー情報と送信Jsonを入力し、Send Request をクリックすると、送信する
スクリーンショット 2023-02-18 18.12.22.png

スクリーンショット 2023-02-18 18.16.35.png

完成!!

APIリクエスト失敗した時

スクリーンショット 2023-02-18 18.18.50.png

DjangoはPOSTでCSRFを外す必要があるので
関数の上に@csrf_exemptを追記します。
特定のページだけCSRF機能を外します。

まず、インポートします。

from django.views.decorators.csrf import csrf_exempt

スクリーンショット 2023-02-18 18.22.39.png

スクリーンショット 2023-02-18 18.28.31.png

完了!

ブラウザ上でAPIを叩くことができるTalend API Testerは、こちらの記事に記載してます。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1