前期准備
簡介
嗯……我只是個前端而已
前段時間寫過一個.net mvc的遠程發布，關於.net mvc 的增刪改查的小demo也做過一個小例子，然后又萌生了想要拿node.js當后台，來布置網站的想法。 關於node.js的學習，建議參考 Node.js 包教不包會 ，雖然作者說起來是不包會，但基本上通過了這個教程的學習，都會收益巨大。
先說說前期准備，一個雲服務器是必須的 ，還有一個域名。關於雲服務的選擇，當前阿里，百度， 甚至是騰訊都在搞雲服務，個人還是推薦選擇阿里雲服務器比較好。
既然提到阿里雲，索性多說一點(有興趣的使用阿里雲的同學可以多交流交流 )，在與阿里雲的連接過程，我一般使用的工具：
一般高手直接用個命令就好了，但目前本渣，還是畢竟喜歡兩個相結合的用，畢竟有時候文件和文件夾的增刪改查還是覺得拖拽更快，高手請無視。。 在阿里雲中，選擇的是centos7，當然這個憑自己的喜好，像Ubuntu我也用過一會，感覺它的桌面端確實不錯，服務端可能還是centos更強一點。
步驟
注：這里就默認大家已經會自己連接到自己的服務器了
express快速啟動
這里先說說express，它是基於 Node.js 平台，快速、開放、極簡的 web 開發框架，它提供一系列強大的特性，幫助你創建各種 Web 和移動設備應用。
相對於，類似於各種框架的cli，express也有個能夠快速部署的項目，可以使用 Express 應用生成器
npm install express-generator -g
如下， 一個快速構建的示例
express myapp
// 以下是提示: create : myapp create : myapp/package.json create : myapp/app.js create : myapp/public create : myapp/public/javascripts create : myapp/public/images create : myapp/routes create : myapp/routes/index.js create : myapp/routes/users.js create : myapp/public/stylesheets create : myapp/public/stylesheets/style.css create : myapp/views create : myapp/views/index.jade create : myapp/views/layout.jade create : myapp/views/error.jade create : myapp/bin create : myapp/bin/www
然后安裝所有依賴包：
cd myapp
npm install
啟動這個應用：
npm start
然后在瀏覽器中打開 http://localhost:3000/ 網址就可以看到這個應用了。通過 Express 應用生成器創建的應用一般都有如下目錄結構：
.
├── app.js
├── bin
│ └── www
├── package.json
├── public
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes
│ ├── index.js
│ └── users.js
└── views
├── error.pug
├── index.pug
└── layout.pug
7 directories, 9 files
express路由
express的重要的一部分莫過於路由了，下面是一個簡單的路由例子，很好理解:
var express = require('express');
var app = express();
// respond with "hello world" when a GET request is made to the homepage
// 匹配根路徑的請求
app.get('/', function (req, res) {
res.send('root');
});
// 匹配 /about 路徑的請求
app.get('/about', function (req, res) {
res.send('about');
});
// 匹配 /random.text 路徑的請求
app.get('/random.text', function (req, res) {
res.send('random.text');
});
更加好的處理是使用res.render()的方法，這個可以把html分離出來，根據模板引擎的不同，可以選擇
- pug
- handlebars
- 或者你也可以使用 express-handlebars
在express快速生成的項目中，默認的是pug引擎，可以將它修改成自己喜歡的模板引擎
可能很大一部分人並不喜歡用模板引擎去處理，畢竟html原生並不復雜，這樣可以使用ejs轉換
最后
最后有個用express快速生成，並把默認的pug模板改成了html，有興趣的可以參考下
注意:因為涉及到框架比較多，所以先拆開來講，未完待續……………………………………………………