小規模djangoページの置き替えの為にFastAPIアプリケーションの勉強と実装実験を行っているが、次に用意したものは管理ページなどへアクセスするためのユーザー認証機構。前述の通りFastAPIはAPIの提供に特化したシンプルなフレームワークなので実用的な機能などは自前で準備する必要がある。かといって何も情報が無いかと言えばそうでも無く、公式のドキュメントやチュートリアルに必要そうなものが一通りまとめてあるので（例えばセキュリティの項目）、それをチマチマ実装していくという実に勉強になる仕組みが用意されている。
ドキュメント・チュートリアルで今回参考（コピペ）にしたのもは主に次の二点
- セキュリティ
- パスワード（およびハッシュ化）によるOAuth2、JWTトークンによるBearer
- ユーザー認証の基本的な構造サンプル
- SQL database（データベースアクセス）
- SQLAlchemyを使用してFastAPIのパス構文に接続する方法
以上を組み合わせてユーザー情報をデータベースに保存し、ユーザー認証を行うような仕組みが実現出来る。
ただし、この段階ではAPIとしての実装なので実際に使用できるようにするには、フロントエンドの実装が必要となる。Djangoではバックエンド寄りの実装でHTMLテンプレートを用いてのUIだったが、今回のUIはFastAPI対応ではせっかくなのでシングルページの実装としてjavascript(Typescript)での実装としている。
こんな感じのログイン画面を準備してみました。ユーザー追加の画面や実際の管理画面は未実装だが、同じようなノリで追々追加していきます。
あと、このままではトークンの期限が切れる度に再認証になるので、セッションIDによるリフレッシュトークンの実装で同じ端末からはなるべくログインし続けられるような機構の導入を検討している（実装の手段はともかく見た目くらいはDjangoと同じくらいにしたいｗ）。
bootstrapをほぼ素で利用しているだけで何となく見た目だけでも良い感じなのが嬉しいですね。