webアプリのデプロイについて

Question

reactでフロントエンドを作成し、fastapiを使って使ってPythonでバックエンドを作成しています。これをデプロイする方法についてアドバイス頂きたいです。

フロントとバックで別々にデプロイをして、フロント側からバックを呼ぶ形式だと、APIが外部の人から操作されてしまうような気がしました。

APIは自分だけが操作できるような構成にしたいのですがどのようにしたらいいのでしょう。

参考になるブログやキーワード教えていただけると幸いです幸いです🙇

Answer 1

APIは自分だけが操作できるような構成にしたいのですがどのようにしたらいいのでしょう。

バックエンドの API にユーザー認証を実装するのが一般的な手法だと思います。

自力で全部作るのは大変ですし、素人が作ってもセキュリティホールだらけで実用にはならない可能性が大ですので、認証の仕組みが組み込まれたフレームワークを探してそれを利用するのが良いと思います。

例えば、ASP.NET Core Web API + IdentytyServer をバックエンドに使う場合、以下のスレッドの私の回答で書いたトークンを使うフレームワークが用意されています。

SPAの認証方法について教えて下さい
https://teratail.com/questions/qs7cxtc0ymydxn

認証操作に使う jsx ファイルも実装されているので、Visual Studio 2022 を使える環境があるなら一度アプリを作ってどう動いているか見ると参考になると思います。

Answer 2

単純にアクセス制限をかければ良いと思いますが、uvicornで立ち上げてるならhostを0.0.0.0と明示的に指定してないなら外からアクセスできないのでは？ nginxみたいなリバースプロキシをかましてるのであれば、nginxで外からアクセスできないように設定すれば良いと思います。

Comments

[hoshi-takanori]

ブラウザ上の React から python の Web API を叩くようなので、単純にアクセス制限をかけたら動かなくなるでしょうね。

[AbeTakashi]

あー、そういう意味か。ちょっと誤解していました。自分だけが利用するアプリなら、自分のIPで制限かけることも可能ですが、ちょっとそれも非現実的でしょう。

だとすればSurferOnWwwさんが書いてるユーザ認証ですね。