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工程文件夹的根目录下:

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:

[
 {
     "name": "jason",
     "email": "jasoncool_521@qq.com"
 },
 {},
 {},
 {
     "name": "123",
     "email": "123"
 }
]

cars.json:

{
 "carList": [
     {
         "carid": 1
     },
     {
         "carid": 2
     }
 ],
 "code": "200"
 }

运行App.js

在Cmd下输入:

> node app.js

然后我们就可以在浏览器中输入
http://localhost:9999/api/users或者http://localhost:9999/api/carslist
来测试一下我们的REST服务端返回的数据了。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,185评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,652评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,524评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,339评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,387评论 6 391
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,287评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,130评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,985评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,420评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,617评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,779评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,477评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,088评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,716评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,857评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,876评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,700评论 2 354

推荐阅读更多精彩内容