同じローカル ネットワーク上の別のマシン/IP から FastAPI バックエンドにアクセスする方法

別のマシンから FastAPI バックエンドにアクセスするには同じローカル ネットワークに接続する場合は、次のことを確認することが重要です。

1.ホスト フラグ設定:

FastAPI サーバーの実行時にホスト フラグを 0.0.0.0 に設定します。これにより、サーバーはローカル マシン上のすべての利用可能な IP アドレスをリッスンできるようになります。

2.ファイアウォールの調整:

FastAPI アプリの指定されたポートでの受信接続を許可するようにファイアウォールが構成されていることを確認します。これには、Python 用の受信ファイアウォール ルールの作成が必要になる場合があります。

3. CORS 設定:

FastAPI アプリで CORS (Cross-Origin Resource Sharing) を有効にして構成します。これにより、フロントエンドとバックエンド間のクロスドメイン要求が可能になります。これは、異なる IP アドレスとポート番号が使用されている場合に発生する可能性があります。

4. JavaScript での HTTP リクエスト:

フロントエンド JavaScript では、FastAPI バックエンドへのフェッチ リクエストを行うときに正しいオリジン/URL を使用します。オリジンは、ブラウザのアドレス バーに入力されたドメイン名と一致する必要があります。

FastAPI の CORS 設定の例:

origins = ['http://localhost:3000', 'http://192.168.x.x:3000']

app.add_middleware(
    CORSMiddleware,
    allow_origins=origins,
    allow_credentials=True,
    allow_methods=['*'],
    allow_headers=['*'],
)

JavaScript での適切なオリジンの使用法:

fetch('http://192.168.x.x:3000/people', {...

次の手順に従うことで、同じローカル ネットワーク上の別のマシンから FastAPI バックエンドに正常にアクセスできます。