Auth0を使用したFirebaseとAngularの認証：パート1

（この記事は、もともとauth0.comで公開されていますが、許可を得て転載しています。） この2部構成のチュートリアルは、認証用のAuth0、Node.jsバックエンド、およびAngular Frontendを使用して、安全なアプリケーションを構築することを示しています。 また、アプリケーションはカスタムトークンを使用してFirebase Cloud Firestoreデータベースで安全に認証され、Auth0を介してログインした後にユーザーがリアルタイムのコメントを投稿できるようになります。 Angularアプリケーションコードは、

Angular-firebase

のGitHubで利用でき、ノードAPIは

firebase-auth0-nodeserver

。 パート1：AUTH0

firebaseおよびauth0の概要

アプリケーションの概要

Angular CLIセットアップ

auth0クライアントおよびAPI構成

1. FireBaseプロジェクトとサービスアカウントのセットアップ
2. Node API開発
3. Angular Appのセットアップ
4. Angular App Architecture
共有モジュールの実装
5. ルーティングと怠zyなロードの実装
6. 読み込みとエラーコンポーネント
7. 認証ロジック
8. コアアプリケーションロジック
9. 次のステップ
11. firebase and auth0：相乗的アプローチ
12. Googleが所有するプラットフォームであるFireBaseは、クラウドホストのNOSQLデータベース（リアルタイムデータベースとクラウドファイヤーストア）をリアルタイム機能を備えています。 Auth0は、サービスとして認証と承認を提供するクラウドベースのプラットフォームであり、アプリケーションでの安全なログインと承認の実装を簡素化します。
13. なぜFirebaseを使用したAuth0？
FireBaseは組み込みの認証を提供していますが、Auth0とカスタムトークンを統合することでいくつかの利点があります。
14. firebaseの組み込み認証を使用する場合は、

を使用します FireBaseデータベース（RTDBまたはFirestore）を認証するだけで、その他のバックエンドはありません。

ログインオプションがいくつか必要であり、エンタープライズアイデンティティプロバイダーやカスタムユーザーデータベースは必要ありません。

最小限のユーザー管理が必要です。

認証フローのカスタマイズは必要ありません。 ユーザーデータストレージに関するコンプライアンス規制は懸念事項ではありません。

auth0を検討してください

• すでにauth0を使用していて、リアルタイム機能を追加したい。
• ファイアベース以外のバックエンドを保護する必要があります。
• ソーシャルまたはエンタープライズのアイデンティティプロバイダー（Active Directory、LDAPなど）が必要です。
カスタマイズされた認証フローが必要です。
APIとダッシュボードを使用した堅牢なユーザー管理が必要です。
動的ユーザープロファイルの濃縮が必要です。
• パスワードレスログインやマルチファクター認証などの機能が必要です
コンプライアンス規制（HIPAA、GDPRなど）を満たす必要があります
• アプリケーションの概要：人気のある犬

このチュートリアルは、Firebaseカスタムトークンを造り、犬種に関するデータを返すnode.js API（Auth0で保護）を構築します。 Angular Frontend（「人気のある犬」）は、Auth0で保護されている人気のある犬種に関する情報を表示します。 このアプリは、APIから犬のデータとFirebaseトークンを取得し、ユーザーがクラウドファイアストアにリアルタイムコメントを追加/削除できるようにします。 このアプリは、共有モジュールとレイジーロードを使用しています

前提条件：

角度cli

構成されたクライアントとAPIを備えた無料のAuth0アカウントサービスアカウントを備えた無料のFireBaseプロジェクト

• （チュートリアルの詳細の残りの詳細Angular CLI、Auth0クライアントおよびAPI、Firebaseプロジェクト、ノードAPI、Angular Appアーキテクチャ、共有モジュール、ルーティング、レイジーロード、コンポーネント、認証ロジック、認証ロジックを設定します。元の記事と同様のコアアプリケーションロジック。
• 結論：

この最初の部分は基礎を確立します。パート2では、犬のデータを表示し、FireBaseでリアルタイムのコメントを実装します。 テスト、Firebase、Auth0、およびAngularに関する追加のリソースは、元の記事にリンクされています。

以上がAuth0を使用したFirebaseとAngularの認証：パート1の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。