使用NodeJS+Express开发服务端的简单介绍

网络编程 JavaScript node.js 分类:[default] 更新日期: 2017-04-05
这篇文章主要介绍了使用 NodeJS+Express 开发服务端的简单介绍,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

随着NodeJS的发展,现在已经被很多人熟知,NodeJS已经成为了前端开发人员必备的技能。本文不会对NodeJS过多介绍 如果你感兴趣可以访问NodeJS 官网

本文是利用NodeJS+Express开发一个服务器程序,Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架,为 Web 和移动应用程序提供一组强大的功能。详见:官网

一 准备工作

首先你需要安装NodeJS环境 这里不再做介绍,

1.安装Express

npm install express -g
npm install express-generator -g

2.初始化项目

cd /Users/SPRINT/Desktop 进入桌面
express 项目名称

项目名称我们指定为APIServer,从项目名称可以看出 我们是模拟服务器API

在这里我们将提供一个获取用户详情接口 并输出JSON数据。

使用NodeJS+Express开发服务端的简单介绍

在终端最后位置 看到输出两个命令

install dependencies:
 $ cd APIServer && npm install //告诉我们进入项目根目录 执行npm install安装依赖模块

run the app:
 $ DEBUG=APIServer:* npm start //告诉我们启动服务器

执行如下命令:

1.cd APIServer //进入项目根目录

2.npm install  //安装依赖

我们回到桌面 你将看到一个APIServer目录 我在这里使用Sublime Text打开

使用NodeJS+Express开发服务端的简单介绍

/bin:用来启动应用(服务器)

/public: 存放静态资源目录

/routes:路由用于确定应用程序如何响应对特定端点的客户机请求,包含一个 URI(或路径)和一个特定的 HTTP 请求方法(GET、POST 等)。每个路由可以具有一个或多个处理程序函数,这些函数在路由匹配时执行。

/views: 模板文件所在目录 文件格式为.jade

目录app.js程序main文件 这个是服务器启动的入口

二 启动服务器

首先启动服务器

npm start //启动服务器

使用NodeJS+Express开发服务端的简单介绍

启动完成后终端将输出 node ./bin/www

在浏览器中访问 http://localhost:3000/

使用NodeJS+Express开发服务端的简单介绍

三 基本使用

打开app.js 这里介绍下主要代码

 var express = require('express');
 var path = require('path');
 var favicon = require('serve-favicon');
 var logger = require('morgan');
 var cookieParser = require('cookie-parser');
 var bodyParser = require('body-parser');

 var app = express();


///=======路由信息 (接口地址)开始 存放在./routes目录下===========//
 var routes = require('./routes/index');//home page接口
 var users = require('./routes/users'); //用户接口

 app.use('/', routes); //在app中注册routes该接口 
 app.use('/users', users);//在app中注册users接口
///=======路由信息 (接口地址 介绍===========//



///=======模板 开始===========//
// view engine setup
 app.set('views', path.join(__dirname, 'views'));
 app.set('view engine', 'jade');
///=======模板 结束===========//

当我们在浏览器中 访问 http://localhost:3000/ 调用的就是index中的接口

我们打开index.js就可以看到该接口的定义:

var express = require('express');
var router = express.Router();


//定义一个get请求 path为根目录
/* GET home page. */
router.get('/', function(req, res, next) {
 res.render('index', { title: 'Express' });
});

module.exports = router;

定义一个路由的基本格式为:

app.METHOD(PATH, HANDLER)

其中:

app 是 express 的实例。

METHOD是 HTTP 请求方法。

PATH 是服务器上的路径。

HANDLER 是在路由匹配时执行的函数。

以上的定义代表
在根路由 (/) 上(应用程序的主页)对 GET 请求进行响应:

是不是明白了?

如果我们想要实现一个获取用户信息接口该怎么写呢?

很简单在 routes目录下创建一个user.js文件内容如下:

定义一个User模型

function User() {
  this.name;
  this.city;
  this.age;
}
module.exports = User;

使用NodeJS+Express开发服务端的简单介绍

切换到users.js文件

在文件顶部添加

 var URL = require('url');

并继续添加如下内容:

router.get('/getUserInfo', function(req, res, next) {

 var user = new User();
 var params = URL.parse(req.url, true).query;

 if(params.id == '1') {

 user.name = "ligh";
 user.age = "1";
 user.city = "北京市";

}else{ 
 user.name = "SPTING";
 user.age = "1";
 user.city = "杭州市";
}

 var response = {status:1,data:user};
 res.send(JSON.stringify(response));

});

解释下重点:

获取url参数 依赖于url模块 使用前需要使用  require('url')

var params = URL.parse(req.url, true).query;

使用NodeJS+Express开发服务端的简单介绍

由于users.js路由信息已经在app.js注册

停止服务器 重新start服务器即可直接访问

调用方式

http://localhost:3000/users/getUserInfo?id=1
或者
http://localhost:3000/users/getUserInfo?id=2

使用NodeJS+Express开发服务端的简单介绍

你是不是注意到我们访问的方式为users/getUserInfo?id=1 而不是基于根

原因是我们在app.js注册方式为app.use('/users', users);

我们可以利用这种方式 开发模块功能 比如 你有另外一个模块为msg

我们注册为:app.use('/msgs', msgs);

调用方式为http://localhost:3000/msgs/getUserMsgs?id=1

这里我们写死了返回数据 并没有查询数据库

当然NodeJS具备访问mysql的能力 但不是本篇文章的介绍范围,可以参考此篇文章:http://www.jb51.net/article/110616.htm

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • 探讨Ajax中有关readyState状态值和status状态码)的问题
    这篇文章主要介绍了探讨Ajax中有关readyState状态值和status状态码的问题的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下先看下面一段代码,然后给大家详细介绍,Ajax中有关readyState(状态值)和status(状态码)的问题,具体内容如下所示: var getXmlHttpRequest = function () { t ...
  • Web2.0编程思想:16条法则
    1.在你开始之前,先定一个简单的目标.无论你是一个Web 2.0应用的创建者还是用户,请清晰的构思你的目标.就像"我需要保存一个书签"或者"我准备帮助人们创建可编辑的.共享的页面"这样的目标,让你保持最基础的需求.很多Web 2.0应用的最初吸引之处就是它的简单,避免并隐藏了那些多余的复杂性.站在创建者的立场,可以想象 ...
  • 利用ASP.NETMVC和Bootstrap快速搭建响应式个人博客站(一)
    利用ASP.NETMVC和Bootstrap快速搭建响应式个人博客站(一)
    这篇文章主要介绍了利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站一的相关资料,需要的朋友可以参考下1.0 为什么要做这个博客站? 在工作学习中,经常要搜索查找各种各样的资料,每次找到相关资料后都会顺手添加到浏览器书签中,时间一长,书签也就满了.而且下次再点击这个书签时,可能就会忘记当时为什么要添加这个书签了,更有可能书签连接已经无效. ...
  • PHP微信开发之文本自动回复
    PHP微信开发之文本自动回复
    这篇文章主要为大家详细介绍了PHP微信开发之简单实现文本自动回复的相关资料,感兴趣的小伙伴们可以参考一下首先,先去微信公众平台注册一个账号(注册要填的东西挺多的),注册好之后,登录进去.可以看到左侧的"开发者中心",开启开发者中心前好像还要你完善一些资料,按照步骤完善即可.进入开发者中心之后,先去编辑 修改配置,修改配置的时候,注意: U ...
  • 简单谈谈GET和POST有什么区别
    本文给大家总结了下get与post的具体区别,以及网上的那么多答案为什么都是错误的,非常的实用,这里推荐给大家如果有人问你,GET和POST,有什么区别?你会如何回答? 真实案例      前几天有人问我这个问题.我说GET是用于获取数据的,POST,一般用于将数据发给服务器之用.     这个答案好像并不是他想要的.于是他继续追问有没有别的区别?我说这就是 ...
  • PHP微信开发之查询微信精选文章
    这篇文章主要为大家详细介绍了PHP微信开发之简单实现查询微信精选文章的相关资料,感兴趣的小伙伴们可以参考一下查询微信里的一些精选的,点击量比较大的文章. 别忘记申请apikey(登录百度账号即可获取),要完成的功能是: 1.用户回复"文章",公众号要返回文章分类的编号(比如9.科技). 2.用户回复wz9,1,腾讯     则能返回科技类 ...
猜你喜欢