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

前期准备

简介

嗯……我只是个前端而已javascript


前段时间写过一个.net mvc的远程发布,关于.net mvc 的增删改查的小demo也作过一个小例子,而后又萌生了想要拿node.js当后台,来布置网站的想法。 关于node.js的学习,建议参考 Node.js 包教不包会 ,虽然做者提及来是不包会,但基本上经过了这个教程的学习,都会收益巨大。
先说说前期准备,一个云服务器是必须的 ,还有一个域名。关于云服务的选择,当前阿里,百度, 甚至是腾讯都在搞云服务,我的仍是推荐选择阿里云服务器比较好。
既然提到阿里云,索性多说一点(有兴趣的使用阿里云的同窗能够多交流交流 ),在与阿里云的链接过程,我通常使用的工具:css


通常高手直接用个命令就行了,但目前本渣,仍是毕竟喜欢两个相结合的用,毕竟有时候文件和文件夹的增删改查仍是以为拖拽更快,高手请无视。。 在阿里云中,选择的是centos7,固然这个凭本身的喜爱,像Ubuntu我也用过一会,感受它的桌面端确实不错,服务端可能仍是centos更强一点。 html

步骤

注:这里就默认你们已经会本身链接到本身的服务器了前端

express快速启动

这里先说说express,它是基于 Node.js 平台,快速、开放、极简的 web 开发框架,它提供一系列强大的特性,帮助你建立各类 Web 和移动设备应用。
相对于,相似于各类框架的cli,express也有个可以快速部署的项目,可使用 Express 应用生成器java

经过以下命令安装:
  npm install express-generator -g
        

以下, 一个快速构建的示例node

    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

而后安装全部依赖包:linux

   cd myapp
  npm install
        

启动这个应用:nginx

  npm start
        

而后在浏览器中打开 http://localhost:3000/ 网址就能够看到这个应用了。经过 Express 应用生成器建立的应用通常都有以下目录结构:git

             .
├── 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的重要的一部分莫过于路由了,下面是一个简单的路由例子,很好理解:github

  
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

注意:由于涉及到框架比较多,因此先拆开来说,未完待续……………………………………………………

相关文章
相关标签/搜索