Express快速搭建移动端测试用Api服务端

发表于   |   分类于   |  

Express是做什么的？

官网给出的解释是：基于 Node.js 平台，快速、开放、极简的 web 开发框架。
你可能会问了，移动端要web开发框架做什么呢？
其实很简单，做过实际开发项目的同学应该知道，在我们移动端开发的项目中，绝大部分的项目都是需要网络数据的。而公司项目的话，网络数据的来源一般都是web端的服务器，比如常用的就有SSH2框架或者SpringMVC搭建的web框架，这种框架在实际开发中是很常用的，但是在实际项目开发的过程中，我们的服务端开发人员不可能在很短的时间内就把移动端要用的API写好，而移动端的开发人员也不能一直等着服务端的API都写完了再开发，所以Express这种超级轻量级的Web框架就有用武之地了。（当然，Express还可以做很多哦，只是作为移动开发人员，用到的功能可能不需要那么多。）

该怎么用Express?

之前我的解决方案都是在应用中写一个Json的字符串，然后当作网络数据来用，但是这种做法有一个很大的弊端就是你不能模拟网络上的各种情况，也无法模拟分页效果和提交效果，而Express就可以很轻松的做到我们要的啦。
现在来说说怎么用Express吧：
1.首先安装Node.js和Npm,至于怎么装就百度吧。
2.测试你的Node.js和Npm是否安装成功，测试方法就是在cmd下输入：node -v 或者 npm -v ，如果出现版本号则说明安装成功。
3.创建你的Node.js工程：先在某个盘符下创建一个空文件夹，我就是在E盘创建了一个ExpressServerWorkSpace的文件夹，然后通过cmd命令，进入到这个文件夹下，然后再该文件夹下输入命令

npm init

之后命令行会有一些提示，按照英文指示写一些基础信息，这些信息除了第一个必须写以外其他的都可以按回车跳过，这个步骤主要是为了生成一个叫做Package.json的Node.js工程的配置文件，当然，如果有需要，这个文件是可以修改的。

4.安装需要的JS库 —— body-parser
body-parser是一个用来解析Http请求体的中间件，关于中间件，读者可以去Express的官网学习一下：Express中间件
安装命令很简单，一样是在Cmd下输入：

npm install –save express body-parser

等待安装完成即可。
到这里，Express就算是安装完成了，这时候你在看你刚才建立的文件夹是不是多了很多文件呢？

开始编写App.js

什么是App.js呢？其实就是Express启动的框架文件，这个文件的主要作用是定义一些网络请求，并且确定网络请求的路径和请求的内容的。
这个App.js是要放到你创建的Node.js工程文件夹的根目录下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
var fs = require('fs');
var path = require('path');
var express = require('express');
var bodyParser = require('body-parser');
var app = express();
var USERS_FILE = path.join(__dirname, 'api/users.json'); // user.json文件的路径
var CARS_FILE = path.join(__dirname, 'api/cars.json'); // user.json文件的路径
app.set('port', (process.env.PORT || 9999));
app.use('/', express.static(path.join(__dirname, 'public')));
//使用body-parser中间件
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));
// 中间件，每个请求都会进行处理.
app.use(function(req, res, next) {
    // Set permissive CORS header - this allows this server to be used only as
    // an API server in conjunction with something like webpack-dev-server.
    res.setHeader('Access-Control-Allow-Origin', '*');
    // Disable caching so we'll always get the latest comments.
    res.setHeader('Cache-Control', 'no-cache');
    next();
});
// 处理/api/users的GET请求
app.get('/api/users', function(req, res) {
  fs.readFile(USERS_FILE, function(err, data) {
    if (err) {
      console.error(err);
      process.exit(1); //退出应用
    }
    res.json(JSON.parse(data));
  });
});

// 处理/api/carslist的GET请求
app.get('/api/carslist', function(req, res) {
  fs.readFile(CARS_FILE, function(err, data) {
    if (err) {
      console.error(err);
      process.exit(1); //退出应用
    }
    res.json(JSON.parse(data));
  });
});

//处理/api/users的POST请求
app.post('/api/users', function(req, res) {
  fs.readFile(USERS_FILE, function(err, data) {
    if (err) {
      console.error(err);
      process.exit(1);
    }
    var users = JSON.parse(data);
    //控制post提交的参数类型
    var user = {
      name: req.body.name,
      email: req.body.email
    };
    //将user加入到users中去。
    users.push(user);
    fs.writeFile(USERS_FILE, JSON.stringify(users, null, 4), function(err) {
      if (err) {
        console.error(err);
        process.exit(1);
      }
      //请求成功后返回的提示json
      res.json("{code: 200, message: 'Add user successful.'}");
    });
  });
});
app.listen(app.get('port'), function() {
  console.log('Server started: http://localhost:' + app.get('port') + '/');
});

现在在你创建的Node.js工程的文件夹下创建一个文件夹名为：api,然后把需要的json都放入到这个文件夹下去。
users.json:

1
2
3
4
5
6
7
8
9
10
11
12
   [
    {
        "name": "jason",
        "email": "jasoncool_521@qq.com"
    },
    {},
    {},
    {
        "name": "123",
        "email": "123"
    }
]

cars.json:

1
2
3
4
5
6
7
8
9
10
11
  {
   "carList": [
       {
           "carid": 1
       },
       {
           "carid": 2
       }
   ],
   "code": "200"
}

运行App.js

在Cmd下输入：

> node app.js

然后我们就可以在浏览器中输入
http://localhost:9999/api/users或者http://localhost:9999/api/carslist
来测试一下我们的REST服务端返回的数据了。

热评文章