#aily Rabbit Holes: 紺碧のBPパズルを解く

今日は、それらの 1 日であり、Azure B2C の神秘的な世界を深く掘り下げました。または、私がそう呼びたいのは、Azure Identity の隠された迷宮を巡る旅です。

何らかの理由で、私にとって Azure Identity の使用は決して簡単ではありません。誤解しないでください。Microsoft Azure のドキュメントは、多くのサービスにとって優れています。たとえば、基本的な Vision API プロジェクトのセットアップは簡単で、.NET Core ドキュメントは一流だとさえ思います。

しかし、Azure のアイデンティティは?それは別の話です。

挑戦

私は Microsoft Entra (Azure Identity サービスの新しいブランド) を何度も使用してきましたが、アプリの登録 のセットアップは、私の日常業務で期待されるようになりました。 。しかし、今日の目標は Azure B2C を探索することでした。

Azure B2C とは何ですか?

簡単に言うと、Azure B2C は、ホワイトラベルのユーザー管理プラットフォームを作成できる Microsoft サービスです。

これは、組織の外部のユーザーを管理するために特別に調整された、Entra ID (以前の Azure Active Directory) の派生と考えてください。 Entra ID は内部ユーザー (従業員、請負業者など) を処理するように設計されていますが、Azure B2C は顧客またはその他の外部ユーザーを対象としています。

Azure B2C を使用すると、次のことが可能になります。

• サインアップとサインインのフローを作成する

• ブランドに合わせて UI をカスタマイズします

• パスワード リセット フローを自動的に処理します

• Google、Facebook、Apple などのサードパーティ ID プロバイダーを統合します

Auth0 または Clerk に精通している場合、概念は似ています。

私の目標

私のプロジェクトの要件は次のとおりです:

1. フロントエンド: React ベースの SPA (できれば Vite を使用)。

2. 認証: Azure B2C を使用した信頼できるユーザー管理。

3. バックエンド: ベアラー トークン認証を使用する Node.js または .NET Core API。

それはとても簡単なことのように思えました。しかし、ドキュメントを見始めた瞬間、古いリポジトリ、散在した情報、壊れたリンクに埋もれていることに気づきました。

闘争

これは一般的なシナリオです。React SPA が Azure B2C で保護された Node.js バックエンドと通信します。それでも、ドキュメントは宝探しのように感じられました。新しいタブを開き続け、すべてをつなぎ合わせようとして 20 個以上の Chrome タブを作成したこともありました。

何時間もいじくり回した結果、基本的なサンプルを動作させることができました。

• React アプリ (残念ながら Vite ではなく、Create React App を使用します)。

• Node.js バックエンド (Express ベース)。

最終的に機能したリソース

同じセットアップを試みている場合は、私にとって役に立った主なリソースを以下に示します。

フロントエンド：

• MSAL React B2C サンプル

バックエンド:

• Azure B2C を使用した Node.js Web API

Azure B2C 構成:

• ユーザー フローの作成

これら 3 つのリンクを見ると、それがとても明白に感じられます。しかし、それらを見つけて接続するのは簡単ではありませんでした。

観察

Azure B2C と Microsoft Identity Platform は非常に強力ですが、ドキュメントを参照するのは困難です。問題の一部は、Active Directory などのレガシー システムをサポートする必要性と組み合わされた機能の広さであるようです。

公平に言うと、Entra ID のようなサービスを進化させながら、最新のドキュメントを維持することは簡単な作業ではありません。

次は何ですか？

今後のプロジェクトを効率化するために、以下を使用して小さなボイラープレートを構築しています。

• リアクト ヴァイト テイルウィンド シャドン

• Azure B2C (または…もしかしたら他のもの?)

• Node.js (Express Passport)

準備ができたら、定型文を含めてこの記事を更新します。

どんでん返し

良いうさぎの穴には必ずひねりがあり、これも例外ではありません。

Azure B2C について頭を悩ませているときに、Microsoft Entra 外部 ID に出会いました。彼らによれば、これはさらに優れているとのことです。

どうやら、Azure B2C は最終的に Entra 外部 ID に置き換えられるようです。したがって、新たに始める場合は、この新しいオプションを検討する価値があるかもしれません。

ウサギの穴は続く…

以上が#aily Rabbit Holes: 紺碧のBPパズルを解くの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。