Express入门(二)实现最简单的Express应用——Hello World

三味码屋 2021年10月11日 1,942次浏览

在前一节Express入门(一)安装Express中我们已经创建了myapp应用目录,并在应用目录下安装好了Express,在这一节中我们在myapp现有基础上来实现一个最简单的Express应用,即Hello World。
首先我们来看一下myapp目录下的package.json文件,文件中json数据的main字段的值为app.js,表示应用的入口文件是app.js文件,所以我们在myapp目录下先创建一个app.js文件,创建好之后的目录结构如下:
image.png
接下来,我们在app.js文件中编写代码,实现一个Web服务,这个Web服务监听3000端口,当服务运行起来之后,在浏览器中输入http://localhost:3000/后跳转到的网页会显示服务返回的字符串“Hello World!”。app.js的代码如下:

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

编写好app.js的代码之后,我们在myapp目录下通过如下命令启动服务:

node app.js

服务启动起来之后,打开浏览器在地址栏中输入http://localhost:3000/,页面会显示“Hello World!”字符串,如下:
image.png
至此,我们就实现了最简单的Express应用——Hello World。