OK, 上課的影片是: Building a Sails Application: Ep11 - Encrypting passwords with bcrypt.

到Bcrypt看一下相關的資訊

安裝的步驟如下

到專案目錄, 執行npm install bcrypt --save

加上--save的意思是除了install bcrypt到專案底下之外, 也把相依性設定寫入package.json, 這樣以後如果有人想要直接使用這個專案, 在目錄底下輸入npm install, 就可以將此專案需要用到的packages一次設定完成!

另外安裝bcrypt需要Visual Studio 2013的支援, 若你的Visual Studio版本大於2013, 請在安裝的時候再加入--msvs_version=2013

也就是npm install bcrypt --save --msvs_version=2013

在進行sails練習的下一章之前, 有需要對Mongo Database做一些簡單的練習.

由於我看到Irl nathan是使用Genghis來作為Mongo DB的Web GUI介面, 但是是在MAC OS上安裝的, 我想在Win7上面也來裝一下, 以方便連接Mongo DB, 但天殺的在win7上安裝遇到太多問題, 甚至還要修改C語言的程式碼….

我review了一下genghis, 發現這個作者在2014年年底就沒有再維護了…

奮戰了三到四個小時之後, 我更改戰略, 到mongodb的官網看看還有沒有其他更適合的WEB ADMIN GUI可以用

所以我改用了mongo-express

這篇文章就是在介紹mongo-express怎麼使用(最基本的)

各位客官, 終於到了要使用到資料庫的時機了

本章節, Irl nathan介紹了Mongo Db的使用, 以及如何新增Mongo Db到我們的sails專案.

不過因為我現在用的sails是0.11.x的版本, 而Irl兄是0.9.x之前的, 所以一些設定上面都有些不同

Irl老兄的影片連結在這:Building a Sails Application: Ep10 - Changing databases to mongoDB with sails adapters.

我在這邊主要以新版的sails為主. 底下介紹安裝方法

本章緊接著前一篇, 我們要來實作Delete的功能

這篇參考此Youtube:Building a Sails Application: Ep9 - Deleting a user account.

我們到UserController.js去新增我們的delete程式碼

1
2
3
4
5
6
7
8
9
10
11
12
13
14

destroy: function(req, res, next){
    console.log("Hi, destroy");
    User.findOne(req.param('id'), function foundUser(err, user){
      if (err) return next(err);
      if(!user) return next('User doesn\'t exist.');

      User.destroy(req.param('id'), function userDestroyed(err) {
        if(err) return next(err);
      });

      res.redirect('/user');

  });
},

本章接著Building a Sails Application: Ep8 - Adding a user list, index, edit, and update action.

影片一開始, Irl nathan介紹了ejs中, <%- %>以及<%= %>有什麼不同

簡單來說

<%- %>有 - 這個記號的, 若被此tag包含起來的程式碼有java script, 那麼ejs就會去執行它, 這個是一個很常會讓人侵入的地方,

而<%= %>就不會對java script做解讀,ejs會直接跳過js, 直接輸出到頁面上

還有一個是<% %>, 沒有加任何符號的, 這個就是單純的ejs嵌入javascript程式碼用的.

終於來到練習的第五集了, 這一集的影片連結是Building a Sails Application: Ep6 - Creating a policy and adding client-side validation

上一個單元, Irl nathan展示了如何在UserController中, 實現Handling validation errors with a flash message.

想當然, sails有更優雅的做法, 那就是本章要介紹的policy機制.

OK, 接下來這篇Building a Sails Application: Ep5 - Handling validation errors with a flash message

作者要示範如何handle error

當我們登入註冊頁面, 然後沒有輸入任何資料, 或者資料輸入錯誤, 就按下Create Account. Sails會回傳錯誤資訊. 我們現在要handle這個錯誤, 請看以下練習

前面兩個練習都做完之後, 我們終於有了一個還滿順眼的登入畫面

接下來我們按照Irl nathan的課程繼續我們的練習

課程連結在此 Building a Sails Application: Ep4 - Creating a user account.

本篇是接著Irl nathan的這篇

Building a Sails Application: Ep3[UPDATED] - A user model/controller, signup page, sails blueprints

底下為練習內容

這一系列的文章, 出自於youtube上的Building a Sails Application教學.

這位仁兄的一系列教學文章都寫得非常好

他的網址在這邊

然後作者的github在這邊

這個版本是activityoverlord 1.0版本

在2015年, Irl nathan又出了activityoverlord 2.0版本, 主要是用新的Sails.js來實作

但我在練習Sails的時候, 我也是用新版0.11.2的版本, 所以在舊版到新版的改動我也會一併在練習中說明.

底下分別是他的各個教學章節, 我只是用文字來記錄我的學習過程