UIアプリケーションのための認知セットアップガイド

認証は、多くのアプリケーションで必要な共通の機能ですが、最も敏感なものの一つです.誰かがそうしなければならない何かを持っていないか、または何かにアクセスする誰かを望まない.あなたは自分自身を構築することができますが、なぜ既にホイールを再発明し、ソリューションをテストします.Cognito Amazonとあなたのためにその機能を提供することができますAWSの一部によって作成されたツールです.わずかな問題はセットアップかもしれません.非常に詳細については、AWSドキュメントはあまりにも多くの混乱をすることができます.このポストでは、私はあなたのWebアプリケーションのためにそれを行う方法を一歩一歩説明しています.

依存

起動する前に、AWS CLIライブラリをインストールする必要があります.次のCLIコマンドを実行することでこれを行うことができます.

npm install -g @aws-amplify/cli

インストール終了後、ローカルマシンをAWSアカウントに接続する必要があります.次のコマンドを実行します.

amplify configure

このコマンドはCLIプロンプトを与え、ブラウザを開いてIAMユーザを作成します.あなたはそれについて読むことができますhere.

UIアプリのセットアップ

ステップ1 :プロジェクトの初期化

おそらくすでに作成されたプロジェクトがあります.しかし、認知サポートを追加するには、まだそれを増幅プロジェクトとして初期化する必要があります.以下のように実行します.

amplify init

このコマンドを実行すると、正しいセットアップを行うために必要ないくつかの質問に答える必要があります.各質問にも答えのオプションのリストがあります.それらの質問は以下の通りです.

プロジェクト

の名前を入力します

環境

の名前を入力します

は、あなたのデフォルトエディタ

を選びました

あなたが

を構築しているアプリのタイプを選んだ

JavaScriptフレームワークは、

を使用していますか

ソースディレクトリパス

配布ディレクトリパス

ビルドコマンド

起動コマンド

AWSプロファイル

を使いますか

あなたが

を使いたいプロフィールを選んでください
いくつかの質問については、デフォルトの回答を提供するままにすることができます.コマンド、ディレクトリ、フレームワーク、および環境は、あなたの選択に依存します.名前の場合は、何かを選択することができますが、ユーザープールの名前に影響を与えます.

手順2 :認証の追加

認証設定の追加は1つのコマンドの問題です.

amplify add auth

このコマンドはまた、いくつかの質問をトリガします.これは大胆な答えである.

デフォルトの認証とセキュリティ設定を使用しますか?デフォルト設定

どのようにしてユーザーがログインできますか?ユーザー名

高度な設定を設定しますか?いいえ.

ステップ3：あなたの設定を押してください

この時点で、ローカルの設定がありますが、ユーザープールはまだ存在しません.あなたがAWSコンソールに行って、チェックするならば、プールはそこにありません.このためには、実行する必要があります.

amplify push

このコマンドを完了するには数分かかることができます.しかし、あなたが現在AWSコンソールのユーザープールのリストをチェックするならば、新しいプロジェクトがこのプロジェクトに加えられます.さあ、JavaScriptプロジェクトでそれを使い始めることができます.
さらに、あなたは私に従って、GitHub、または.