生JS(EC6)を3ヶ月ほど叩き込んだ後、HTMLとCSSを一通り学び、Node.jsでログイン処理を実装してみました。

【実装環境】

Node.jsのStable版をインストール
実装が便利になるということで、Expressを導入。
Vagrant上で8001のポートを空けて作業

Nodeでログイン処理を行うにあたり、
機能を追加した結果が以下の通り。

  "dependencies": {
    "body-parser": "^1.19.0",
    "ejs": "^3.1.3",
    "express": "^4.17.1",
    "express-session": "^1.17.1",
    "request": "^2.88.2"
    }

Step1

ID、パスワードが入力され、POSTされるまで

処理のスクリプトを書いているファイル内の処理。
ブラウザで/loginが叩かれた際、login.htmlをレンダリング。

// /loginが開かれた場合の処理
app.get('/login', function (req, res) {
  res.render('login.html', {err:""});
  req.session.name = "";
})

この画面で「ログイン」ボタンを押すと、/loginSendにPOSTする。

<form action="/loginSend" method="POST">
    メールアドレス：<input type="text" name="mail" >
    <br>
    パスワード    ：<input type="text" name="password">
    <br>
    <br>
    <input type="submit" value="ログイン" >
    </form>

Step2

POSTされたデータを処理する

・ここで入力されたID/パスワードを、データベースに取得する
(その際にパスワードはハッシュ化してID/ハッシュ化されたパスワードの組み合わせを取得する)
・正常なログインができた際、セッション情報を付与する。

    //アイパス一致すれば、Main画面をレンダリングする。
    if (result["結果"] === "OK"){
      res.render('main.html');

      req.session.mail = result["user_id"];
      req.session.name = result["user_name"];
    }

執筆中..