手順1: サンプルアプリケーションのクローンと実行

この手順ではあらかじめ実装されたID/パスワードで擬似的に認証するサンプルアプリケーションをクローンし、利用できるようにします。

1-1. login-demoアプリケーションをローカル環境にクローン

login-demoリポジトリにはID/パスワードの認証フローが実装されているサンプルアプリケーションが用意されています。ターミナル/コマンドプロントを開き、任意のフォルダにクローンします。

git clone https://github.com/neri78/login-demo.git

クローン後、アプリケーションフォルダーに移動し必要なパッケージのインストールを行います。

cd login-demo
npm install

パッケージのインストールが完了した段階でアプリケーションを実行します。

npm start

アプリケーションを実行している最中にhttp://localhost:3000/をブラウザーで開くと次のようなログイン画面が表示されます。

ログイン画面

次の資格情報でログインができます。

名前
ユーザーID test
パスワード verify

ログイン後にアカウントページが表示されます。

アカウントページ

次の手順