問題タブ [msal]

インターネットでホストされている匿名アクセスの SharePoint 発行サイトがあります。最新の要件に従って、ユーザー ログイン (AzureAD、Microsoft の個人および職場アカウントなど) を実装する必要があります。

https://docs.microsoft.com/en-us/azure/active-directory/develop/active-directory-v2-flows

こちらのドキュメントに従って、Web API を使用してこれを実装し、データベースから安全な情報を取得します。SharePoint でのユーザーのログインとログアウトに MSAL.js ファイルを使用することを検討しています。ベアラー トークンを取得した後、データベースから追​​加データを取得するために Web API を呼び出すことができます。

スタンドアロン Web API の制限: 「v2.0 エンドポイントを使用して、OAuth 2.0 で保護された Web API を構築できます。ただし、その Web API は、同じアプリケーション ID を持つアプリケーションからのみトークンを受け取ることができます。別のアプリケーション ID を持つクライアントから Web API にアクセスすることはできません。クライアントは Web API へのアクセス許可を要求または取得できません。」</p>

App Registration Portalで同じアプリケーション ID を持つ 2 つのアプリケーションを作成するにはどうすればよいですか? それとも、SharePoint と Web API の最後で同じアプリケーション ID を使用する必要がありますか?

Angular2 で MSAL ライブラリを使用して B2C Azure 認証を実行しようとしています。ログイン ページは完全に Azure ページにリダイレクトされ、ユーザーにユーザー名とパスワードの入力を求めます。サインイン ボタンをクリックして認証が成功すると、ページは自分自身をアプリケーションのランディング ページにリダイレクトし、「ユーザー」オブジェクトを AzureAD から取得したものに設定する必要があります。認証は成功しますが、ユーザー オブジェクトが設定されず、アプリケーションが失敗します。

app.component.ts

auth.service.ts

私は Angular2 がまったく初めてで、学習曲線の初期段階にあります。いくつか読んだ後、私はオブザーバブルが前進する方法であることがわかり（私は間違っている可能性があります）、サービスのユーザーオブジェクトを「オブザーバブル」にし、コンポーネントをサブスクライブして、サービスごとのユーザーオブジェクトの変更をキャプチャできるようにしましたそして、コンポーネントによってそれに基づいて行動しました。しかし、それは機能していません。

app.component.html

上記のコードのように、認証が成功した後でも、(ユーザーが設定されていないため) 「ログイン」ボタンのみが表示され、他のボタンは期待どおりに表示されません。私を正しい方向に導く助けがあれば大歓迎です。

これは私のアプリの構成です:

これは、サインインおよびサインアップ ポリシーです。

これは、私の構成で次のコードを実行したときに表示されるエラーです: https://github.com/Azure-Samples/active-directory-b2c-ios-swift-native-msal

エラーは以下のとおりです。