美文网首页
NO1:使用 Node.js + Express 开发服务端

NO1:使用 Node.js + Express 开发服务端

作者: 前端的爬行之旅 | 来源:发表于2020-07-07 16:08 被阅读0次

    一、 准备工作


    1.安装Express

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

    2.初始化项目

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

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


    image.png

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

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

    执行如下命令:

    $ cd APIServer //进入项目根目录
    $ npm install  //安装依赖
    

    回到项目中,会看到一个APIServer目录

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

    image.png

    二、 启动服务器


    首先启动服务器

    $ npm start
    
    image.png
    在浏览器中访问 http://localhost:3000/
    三、 基本使用

    打开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;
    
    

    修改users.js文件

    var express = require('express');
    var router = express.Router();
    var URL = require('url');  
    var User = require('./user');
    
    /* GET users listing. */
    router.get('/', function(req, res, next) {
      res.send('respond with a resource');
    });
    
    router.get('/getUserInfo', function(req, res, next) {
    
      var user = new User();
    // 获取url参数 依赖于url模块 使用前需要使用  require('url')
      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));
    
    });
    module.exports = router;
    
    

    由于users.js路由信息已经在app.js注册
    停止服务器 重新start服务器即可直接访问

    $ npm start
    

    调用方式http://localhost:3000/users/getUserInfo?id=1

    image.png

    总结:完美!
    你可能需要:NO2:Node JS + MySQL CRUD Workshop : Insert, Update, Select, Delete

    相关文章

      网友评论

          本文标题:NO1:使用 Node.js + Express 开发服务端

          本文链接:https://www.haomeiwen.com/subject/hsfstktx.html