江湖險惡，我從來都不輕易留下我的姓名。

憑你的智慧，我唬得了你嗎？

Sails練習之十 - Session

| Comments

本篇進展到這邊, 主要是提到Session的使用, 影片是Building a Sails Application: Ep13 - Sign-in page, session controller, new action, and sessions.

首先, 在views/新增一個目錄名叫session, 在session裡面新增一個ejs檔案名為new.ejs

activeityOverload\views\session\new.ejs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<form action="/session/create" method="POST" class="form-signin">
  <h2 class="form-signin-heading">Please sign in...</h2>

  <% if(flash && flash.err) { %>
      <ul class="alert alert-success">
  <% Object.keys(flash.err).forEach(function(error) { %>
      <li><%- JSON.stringify(flash.err[error]) %></li>
  <% }) %>
  </ul>
  <% } %>

  <input type="text" class="form-control" placeholder="Email address" name="email">
  <input type="password" class="form-control" placeholder="Password" name="password">
  <input type="submit" class="btn btn-lg btn-primary btn-block" value="Sign-in"/>
  <input type="hidden" name="_csrf" value="<%= _csrf %>" />
  
</form>

存檔之後, 到專案目錄底下開啟command line tool, 然後輸入sails generate controller session

接著sails就會產生activeityOverload\api\controllers\SessionController.js這個檔案

我們到SessionController.js新增程式碼

SessionController.js
1
2
3
4
5
6
7
8
9
10
11

module.exports = {
    'new': function(req, res) {
        var oldDataObj = new Date();
        var newDateObj = new Date(oldDataObj.getTime() + 60000);
        req.session.cookie.expires = newDateObj;
        req.session.authenticated = true;
        console.log(req.session);
        res.view('session/new');
    }

};

然後到activeityOverload\api\controllers\UserController.js

在index的action新增兩行Debug message, 如下

UserController.js
1
2
3
4
5
6
7
8
9
10
11
12
13

index: function (req, res, next) {
        console.log(new Date());
        console.log(req.session.authenticated);

        //Get an array of all users in the User collection(e.g. table)
        User.find(function foundUsers(err, users) {
            if (err) return (err);
            //pass the array down to the /views/index.ejs page
            res.view({
                users: users
            });
        });
    },

新增完成之後, 我們重新啟動sails,

先在瀏覽器中輸入http://localhost:1337/session/new

然後在sails的console畫面中可以看到以下畫面

1
2
3
4
5
6
7
8

Session {
  cookie:
   { path: '/',
     _expires: Wed Dec 02 2015 17:31:50 GMT+0800 (台北標準時間),
     originalMaxAge: 60000,
     httpOnly: true },
  csrfSecret: 'paEKhxeTpDC5hQqu_ns64Ufi',
  authenticated: true }

我們觀察到authenticated還是為true

接著, 我們要來觀察req.session.cookie.expires設定之後的結果, 我們是設定成60秒,

開啟瀏覽器, 輸入http://localhost:1337/user,然後觀察後台的輸出

會像是這樣

1
2
3
4
5
6
7
8

Wed Dec 02 2015 17:31:04 GMT+0800 (台北標準時間)
true
Wed Dec 02 2015 17:31:34 GMT+0800 (台北標準時間)
true
Wed Dec 02 2015 17:31:39 GMT+0800 (台北標準時間)
true
Wed Dec 02 2015 17:31:59 GMT+0800 (台北標準時間)
undefined  <- 60秒之後, authenticated會變為undefined!

以上就是session的實驗囉!

Comments