欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何通过express搭建一个简单的web服务器(一)

程序员文章站 2022-05-08 22:51:20
...

1.使用的软件:vscode

  • 使用命令安装express:
    (1)npm init -y//初始化,生成package.json包
    (2)touch app.js//创建app.js文件
    (3)npm i express//本地安装express模块
    (4)在app.js中引入express模块

    const  express=require("express");
    const app = express();
    //设置静态资源目录,表示所有的请求使用静态资源目录,浏览器访问时,先访问此目录,“./”表示当前服务器的根目录,再比如:“./public”表示从当前服务器的根目录下的public开始查找(静态资源一般放在static或者public文件夹下)
    app.use('/', express.static("./"));
      //  表示app接收一个get请求,访问路径为:http://localhost:3009/
     //  参数一是路由地址,浏览器中输入的内容
    //  参数二是响应函数,当浏览器访问指定的地址之后的处理函数
       //  此方法接收三个参数 request,response,next
      //   request 请求信息,可以获取客户端传递的参数
     //   response  响应数据,接收到请求之后服务器的返回信息
    //   next    下一步执行的信息, 匹配到路由之后会继续往下执行
        app.get("/",(req,res,next)=>{
          res.send("hello word");
          })
         app.listen(3009,()=>{
          console.log("the server is running");
      })
    
    • 每次修改代码后都需要重启服务器,为了解决这个问题,引入了nodemon模块
      安装命令:npm i nodemon

    • 将重启nodemon的命令配置到package.json中:如下

       {
      "name": "day03",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1",
      //自定义的一些npm运行脚本配置在scripts里面
      "dev": "nodemon app.js ",
      "start": "node app.js"
         },
      

      再次运行时,只需输入npm run dev,此命令相当于nodemon app.js
      输入npm run start或者npm start相当于node app.js
      注:只有start命令可以直接npm start,其它的必须加run