当サイトは、アフィリエイト広告を利用しています

【Python】VScodeでFastAPIをデバッグする方法

作成日:2023月08月23日
更新日:2024年12月06日

PythonのフレームワークのFastAPIをVScodeでデバッグするための
設定方法をまとめておく。
デバッグはVScodeのDevContainerを使ってdockerコンテナ上で行う。

使用するFastAPIのプロジェクトは下記記事と同じものを使う

一応、上記の記事にもlaunch.json自体はあるが、
今回はそのlaunch.jsonの作り方をまとめておく。

launch.jsonを作成する

VScodeでデバッグするためのlaunch.jsonを作成する

必要なVScodeの拡張機能をインストールする

まずは拡張機能の「Python」がインストールする。
※ないとlaunch.jsonのfastAPIの構成がでてこないので。

2023-08-24-02-01-41

VScodeでlaunch.jsonを自動作成する

VScodeを使ってlaunch.jsonを作っていく

launch.jsonファイルを作成しますをクリックする

2023-08-24-02-03-51

Pythonを選択

2023-08-24-02-04-37 拡張機能の「Python」をインストールしていないと
でてこない。

FastAPIを選択

2023-08-24-02-05-24

アプリケーションへのパスを入力

このプロジェクトではmain.pyはapp配下にあるので
下記のように入力する。 2023-08-24-02-06-22 ※別のパスの場合は適宜、変更する

launch.jsonファイルが生成される

launch.json
{
// IntelliSense を使用して利用可能な属性を学べます。
// 既存の属性の説明をホバーして表示します。
// 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Python: FastAPI",
"type": "python",
"request": "launch",
"module": "uvicorn",
"args": [
"app.main:app",
"--reload"
],
"jinja": true,
"justMyCode": true
}
]
}

デバッグしてみる

VScodeからコンテナ開発を起動してデバッグを実行してみる。
FastAPIをVScodeでコンテナ開発できるようにする手順は下記記事でまとめています。

VScodeからコンテナ開発を起動する

コマンドパレット(F1 または ctrl + shift + P)を押して
「開発コンテナで再度開くを選択(Dev container:Reopen in Container)」
を実行する
※Docker自体は事前に動かしておく

起動に成功すると下記のようになるのでコンテナに接続する

2023-08-24-02-15-14

デバッグ実行はVSCodeからコンテナに接続しコンテナ上で実行する

デバッグ開始

ブレークポイントをmain.pyに打っておく

2023-08-24-02-18-54

Python:FastAPIを実行する。
※launch.jsonを作成したので「Python:FastAPI」が表示される

2023-08-24-02-15-51

実行後、ターミナルに下記のようなログが出る

log
INFO: Will watch for changes in these directories: ['/workspace']
INFO: Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
INFO: Started reloader process [1218] using StatReload
INFO: Started server process [1436]
INFO: Waiting for application startup.
INFO: Application startup complete.

http://127.0.0.1:8000

でデバッグ起動しているので

http://127.0.0.1:8000/hello

にアクセスすると

2023-08-24-02-21-41

ブレークポイントまで来ることが確認できる

まとめ

PythonのフレームワークのFastAPIをVScodeのDevContainerを使って
デバッグする方法をまとめてみた。
VScodeのDevContainerについてはまだ色々、使えそうなので
今後も便利な使い方を調べて行きたい

参考

新着記事

タグ別一覧
top