私はAngular2を使用しており、Azure ADに対してユーザーを認証する必要があります。私はADALjsを見つけましたが、Angular1のみに対応していましたが、これもhttps://www.npmjs.com/package/angular2-adal#adalServiceでしたが、これはまだ初期段階にあるようです。これを実装するために私が取ることができる最善の道は何ですか、誰かが実際の例を提供することができます。Angular2を使用してAzure ADに対して認証する
答えて
これを修正するには、あなたは多くのことを行う必要があります:インストールされたパッケージで
npm install adal-angular --save (=>"@types/adal": "^1.0.22")
npm install @types/adal --save-dev (=>"adal-angular": "^1.0.12")
npm install expose-loader
を、あなたは次の操作を実行する必要があります。
あなたcomponent.ts内部 :
- トリプルスラッシュを入力して入力をインポートする
/// <reference path="../../../node_modules/@types/adal/index.d.ts" />
- import adal.js電子ローダー
import 'expose?AuthenticationContext!../../../node_modules/adal-angular/lib/adal.js';
- は今、あなたはcreateAuthContextFn
let config: adal.Config = { clientId : 'test' }; let context = new createAuthContextFn(config);
を使用して認証コンテキストを初期化することができますタイプAuthenticationContextStaticの変数を宣言し、それをAuthenticationContext
let createAuthContextFn: adal.AuthenticationContextStatic = AuthenticationContext;
の値を割り当てますHow to load adal.js in webpack inside Angular 2 (Azure-AD)
これをsystem.js環境で動作させるのに手間がかかりますか? – BradleyDotNET
@hannesこのアプローチを使用して外部APIのエンドポイントを公開するにはどうすればよいですか? – Pickle
あなたのADテナントに接続することを意味しますか? URLを入力してください。とにかく、あなたがtypescriptを使うなら別のアプローチで、adal-tsをインストールするnpmを試すこともできます。レポにはまた、あなたを始めさせるために青空の上で開催されるライブデモがあります。 –
この答えはおそらく、スーパー後半ですが、例えば尋ねた以来、私はここで、その中に最新の角度2クイックスタートと統合ADALを変更した:https://github.com/ranveeraggarwal/ng2-adal-QuickStart
また、ルーティングおよび保護されたルーティングを持っています。
これはsystemjsを使用していますが、Webpackベースのソリューションはまだ見つかりません。
そのwebpackソリューションに関するニュースはありますか? – phicon
廃止予定のルータの代わりに新しいルータを使用していることを確認してください。 –
- 1. Cを使用してADに対して認証する
- 2. ADAL Javascriptを使用してAzure ADを非対話的に認証する
- 3. AD LDSに対して認証する
- 4. Auth0を使用したAzure AD認証
- 5. MFAでAzure ADを有効にしてAngular2アプリを認証するには?
- 6. Angular2 SPAでAZUREを使用して認証し、Expressでエンドポイントを認証する
- 7. AzureモバイルアプリはAzure AD B2Cを認証に使用しますか?
- 8. グラフapiを使用してAzure ADのゲストユーザを認証
- 9. Azure AD B2Cに対してOWIN/OIDCを使用してカスタムUmbracoコントローラを認証する
- 10. Azure ADベアラートークンを使用してAPIアプリケーションに対してWebアプリケーションを認証します。
- 11. Azure AD認証によるカスタム認証
- 12. Graph APIを使用してインポートされたAzure ADユーザーを認証します。
- 13. Azure AD認証を使用してマルチテナントアプリケーションでテナントを制限する方法
- 14. Azure ADとAzure B2Bを使用する認証WebAPIサービス
- 15. Sharepoint Azure AD認証
- 16. Azure AD v1認証からAzure AD v2認証への移行
- 17. WebAPIユーザー名とパスワードを使用してAzure ADに非対話型認証を行います。
- 18. Office 365 ADに対して認証するMVC
- 19. Androidを使用したAzure ADのWebアプリケーション認証ADAL
- 20. IdentityServer3を使用したAzure AD認証のローカルアカウントとオプション
- 21. Azure AD B2Cでサービスとして認証する
- 22. AndroidネイティブアプリのADALライブラリを使用してAzure ADでユーザーを認証
- 23. Azure ADで認証して、クライアントクレデンシャルを使用してDynamics Web APIにアクセスすることは可能ですか?
- 24. Node.js WebアプリケーションでAzure ADでユーザー名とパスワードを使用して認証
- 25. Azure AD認証とPassport認証
- 26. Azure AD、ReactJS、NodeJSを使用してユーザを認証し、Graph APIを使用する
- 27. AD FSに対してiOSアプリケーションを認証
- 28. Azure SaaSサイト - AD認証
- 29. Asp.NetコアのAzure AD認証
- 30. フォームとAzure AD認証
スタックオーバフローに関する類似した質問があります:[角度2のwebpackでadal.jsを読み込む方法](http://stackoverflow.com/questions/40044892/how-to-load-adal- js-in-webpack-inside-angular-2-azure-ad) –