node.js后台快速搭建在阿里云（一）(express篇)

前期准备

简介

嗯……我只是个前端而已

前段时间写过一个.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.send()中一般都是响应的数据，里面也可以写相对应的html标签，至于更详细的可以去查看express的api
更加好的处理是使用res.render()的方法，这个可以把html分离出来，根据模板引擎的不同，可以选择

在express快速生成的项目中，默认的是pug引擎，可以将它修改成自己喜欢的模板引擎

可能很大一部分人并不喜欢用模板引擎去处理，毕竟html原生并不复杂，这样可以使用ejs转换

最后

最后有个用express快速生成，并把默认的pug模板改成了html，有兴趣的可以参考下

express小demo

注意:因为涉及到框架比较多，所以先拆开来讲，未完待续……………………………………………………

posted @ 2017-09-04 09:17  starWind  阅读(3549)  评论(2)  编辑  收藏  举报