本文是在已经看过express官方入门指南,和用express做过一点项目经验后,再次重新学习express的一篇私人笔记。所以一些基础知识,本文将会一笔带过

已经看过express官网的小仙女小哥哥们可能会发现,按照官网教程(不管是否使用generator),撘起来的一个应用,是同时包含前端逻辑和后端逻辑的,比如可以用.get(/)这种方式,既可以.render(),.sendfile()等方法输出一个html页面在网页上,也可以.json()等方式返回一个json对象(如同一般的前后端项目时,前端同学请求后端java接口,后端返回给前端的数据一样)。

但在vue和webpack流行的当下,很多前端项目是用的webpack提供的编译服务环境在跑的,最后打包压缩成一个html一个js,发给后端同学去部署,这样子,再结合express用的的时候,就没有必要再在express里设置什么view engine(前端模板引擎jade,ejs等)、也不用配置什么less/sass编译(因为webpack的loader会做的)。

所以本文的意思,就是只用express做一个后端服务:接受并返回前端的get\post\put\delete等请求内容。就是一个纯的服务端。顺便重新学习一下各个express中间件。

目录

 

--------------------------------------------分割线-------------------------------------------------------

一、搭建一个最简单的express后端服务,仅接受和返回get请求

*基础环境:安装好你的node和express。node8.9.X以上,express4(3和4有很大不同)

*express官网: http://www.expressjs.com.cn/4x/api.html#res

*我的电脑系统:mac (部分步骤如果在windows上有不同或者报错,等我以后如果用windows做开发了再说)

**步骤**

1.新建项目文件夹,里面新建一个app.js和package.json。结构如下:

express学习-express搭建后台

 

node_modules是待会用‘npm install’下载下来的 。

--app.js--

 1 /**
 2  * Module dependencies.
 3  */
 4 
 5 var express = require('express');
 6 var http = require('http');
 7 
 8 
 9 var app = express();
10 
11 // all environments
12 app.set('port', 3000);
13 
14 
15 http.createServer(app).listen(app.get('port'), function(){
16   console.log('Express server listening on port ' + app.get('port'));
17 });

--package.json--

{
  "name": "basicBackend",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "start": "node app"
  },
  "dependencies": {
    "express": "~4.14.1"
  },
  "devDependencies": {}
}
View Code

相关文章: