sailsjs differentiate api and view controller

Sails 是一套我相當喜歡的 Node.js web framework，底層仍然是使用 Express.js，另外整合了很多常用的 web 套件：grunt, socket.io, RESTful API, ......等。

由於 sails 的架構與 codeigniter 相當類似，Controller 對應到 View，並且對應到 route，在 config 中有個 controller.js 還可以對所有的 controller 做設定，如自動產生 restful api 等，以及這次的重點「prefix」，prefix 設定後在 route 上就會自動改變如下

使用 prefix 前
http://localhost/CONTROLLER_NAME/ACTION_NAME

使用 prefix 後（ prefix 設定為 '/api/'）
http://localhost/api/CONTROLLER_NAME/ACTION_NAME

如果只是要做 api server 相信這會是個很棒的設計，還可以作為 api 的版本區分（例如「/api/v1/」），但要做「網站」在 view 與 api 之間就必須做些區分，以下的作法就是將 view 與 api 切開，view 統一由 ViewController 控制，其他的 api 交由一般的 controller 控制，從 route 看起來如下

// ViewController
// Get user or user's view
http://localhost/user

// UserController
// Get user '1' api
http://localhost/api/user/1

資料夾目錄如下

接下來開始實作把 api 與 view 切開
首先是設定好 api 的 prefix，修改 「/config/controllers.js」

再來是設定 route 把 view 改為 '/'，修改「/config/routes.js」

routes.js

最後是產生 ViewController，在 terminal 輸入

sails generate controller view

並修改 「/api/controllers/ViewController.js」

ps. 或許也可以直接做 single page design，但某些狀況下透過 controller 可以從 server side 將其他訊息一併回給前端

完整的 code 可至 Gist 查看

相關連結
Sails
Node.js
grunt
socket.io
Express.js
codeigniter