前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用 NodeJS+Express 开发服务端

使用 NodeJS+Express 开发服务端

作者头像
100001509164
发布2022-01-20 21:34:02
1.6K0
发布2022-01-20 21:34:02
举报
文章被收录于专栏:DevTipsDevTips

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

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

一 准备工作

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

代码语言:javascript
复制
  npm install express -g
 npm install express-generator -g

2.初始化项目

代码语言:javascript
复制
  cd /Users/SPRINT/Desktop 进入桌面

项目名称我们指定为APIServer,从项目名称可以看出 我们是模拟服务器API 在这里我们将提供一个获取用户详情接口 并输出JSON数据。

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

代码语言:javascript
复制
install dependencies:
  $ cd APIServer && npm install //告诉我们进入项目根目录 执行npm install安装依赖模块run the app:
  $ DEBUG=APIServer:* npm start //告诉我们启动服务器

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

/bin:用来启动应用(服务器) /public: 存放静态资源目录 /routes:路由用于确定应用程序如何响应对特定端点的客户机请求,包含一个 URI(或路径)和一个特定的 HTTP 请求方法(GET、POST 等)。每个路由可以具有一个或多个处理程序函数,这些函数在路由匹配时执行。 /views: 模板文件所在目录 文件格式为.jade 目录app.js程序main文件 这个是服务器启动的入口

二 启动服务器

首先启动服务器

代码语言:javascript
复制
1.cd APIServer //进入项目根目录
2.npm install  //安装依赖
3.npm start   //启动服务器

启动完成后终端将输出 node ./bin/www 在浏览器中访问 http://localhost:3000/

三 基本使用

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

代码语言:javascript
复制
  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就可以看到该接口的定义:

代码语言:javascript
复制
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;

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

代码语言:javascript
复制
app.METHOD(PATH, HANDLER)

其中: app 是 express 的实例。 METHOD是 HTTP 请求方法。 PATH 是服务器上的路径。 HANDLER 是在路由匹配时执行的函数。 以上的定义代表 在根路由 (/) 上(应用程序的主页)对 GET 请求进行响应:

是不是明白了?

如果我们想要实现一个获取用户信息接口该怎么写呢? 很简单在 routes目录下创建一个user.js文件内容如下: 定义一个User模型

代码语言:javascript
复制
function User() {
     this.name;
     this.city;
     this.age;
}
module.exports = User;

切换到users.js文件 在文件顶部添加

代码语言:javascript
复制
 var URL = require('url');  

并继续添加如下内容:

代码语言:javascript
复制
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));});

解释下重点:

代码语言:javascript
复制
 获取url参数 依赖于url模块 使用前需要使用  require('url')
var params = URL.parse(req.url, true).query;  

由于users.js路由信息已经在app.js注册 所以我们重启服务器之间范围极客

停止服务器 重新start服务器 调用方式 http://localhost:3000/users/getUserInfo?id=1 或者 http://localhost:3000/users/getUserInfo?id=2

你是不是注意到我们访问的方式为users/getUserInfo?id=1 而不是基于根 原因是我们在app.js注册方式为app.use(‘/users’, users); 我们可以利用这种方式 开发模块功能 比如 你有另外一个模块为msg 我们注册为:app.use(‘/msgs’, msgs); 调用方式为 http://localhost:3000/msgs/getUserMsgs?id=1

这里我们写死了返回数据 并没有查询数据库 当然NodeJS具备访问mysql的能力 但不是本篇文章的介绍范围

OK 我觉得入门已经完全够了 点到为止~~~

本文参与?腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-07-06,如有侵权请联系?cloudcommunity@tencent.com 删除

本文分享自 DevTips 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一 准备工作
  • 二 启动服务器
  • 三 基本使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com