node.js後臺快速搭建在阿里雲（一）(express篇)

前期準備

• 阿里雲服務器
• node.js
• pm2
• express
• nginx
• linux(推薦教程：鳥哥的私房菜)

簡介

嗯……我只是個前端而已

---

前段時間寫過一個.net mvc的遠程發佈，關於.net mvc 的增刪改查的小demo也作過一個小例子，而後又萌生了想要拿node.js當後臺，來佈置網站的想法。 關於node.js的學習，建議參考 Node.js 包教不包會 ，雖然做者提及來是不包會，但基本上經過了這個教程的學習，都會收益巨大。
先說說前期準備，一個雲服務器是必須的 ，還有一個域名。關於雲服務的選擇，當前阿里，百度， 甚至是騰訊都在搞雲服務，我的仍是推薦選擇阿里雲服務器比較好。
既然提到阿里雲，索性多說一點(有興趣的使用阿里雲的同窗能夠多交流交流 )，在與阿里雲的鏈接過程，我通常使用的工具：

• xshell
• xftp

通常高手直接用個命令就行了，但目前本渣，仍是畢竟喜歡兩個相結合的用，畢竟有時候文件和文件夾的增刪改查仍是以爲拖拽更快，高手請無視。。 在阿里雲中，選擇的是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.send()中通常都是響應的數據，裏面也能夠寫相對應的html標籤，至於更詳細的能夠去查看express的api
更加好的處理是使用res.render()的方法，這個能夠把html分離出來，根據模板引擎的不一樣，能夠選擇

• pug
• handlebars
• 或者你也可使用 express-handlebars

在express快速生成的項目中，默認的是pug引擎，能夠將它修改爲本身喜歡的模板引擎

可能很大一部分人並不喜歡用模板引擎去處理，畢竟html原生並不複雜，這樣可使用ejs轉換

最後

最後有個用express快速生成，並把默認的pug模板改爲了html，有興趣的能夠參考下

express小demo

注意:由於涉及到框架比較多，因此先拆開來說，未完待續……………………………………………………