手順

https://learn.microsoft.com/ja-jp/azure/active-directory-b2c/configure-authentication-sample-react-spa-app

リソースグループからB2Cを作成する

ユーザフローを作成する

Web APIとReactアプリを登録する

サンプルプログラムのB2C関連の設定値を修正すればSAP+API(Node.js)において認証アリの連携ができる

https://learn.microsoft.com/ja-jp/azure/active-directory-b2c/configure-authentication-sample-web-app-with-api?tabs=visual-studio

SPA+API(C#)のパターンで試すためにC#のAPIを作成する

https://learn.microsoft.com/ja-jp/azure/active-directory-b2c/configure-authentication-sample-wpf-desktop-app

DesktopApp(WPF)+API(C#)のパターンで試す

ReactのフロントエンドをAzure Static Web Appにデプロイ

• devcontainerからswa deployが使えなかった。libsecretをaptでインストールする必要があるようだが、devcontainerの権限に引っ掛かりできなかった。結局、開発とビルドはdevcontainer上で、デプロイはwsl上から行った。
• swaコマンド
  • swa login --no-use-keychain
  • swa deploy dist/ --no-use-keychain --env production