nodejs使用express创建一个简单web应用

创建一个简单的web应用最常用的方式就是使用nodejs与express框架，下面是使用express框架创建一个简单的web应用的完整攻略。

1. 安装Node.js

在开始使用Express框架之前，需要先安装Node.js。可以访问Node.js的官网（https://nodejs.org/en/），下载最新版本的Node.js并按照提示进行安装。

2. 创建项目

在命令行中创建一个名为"myapp"的新项目，使用以下命令：

$ mkdir myapp
$ cd myapp
$ npm init

此时需要回答一些问题，完成npm包的初始化工作。

3. 安装Express框架

在创建完成Node.js项目之后，需要通过npm安装Express框架。在命令行中执行以下语句：

$ npm install express --save

其中，"--save"表示将依赖项添加到package.json的dependencies中。这样，其他开发者在下载项目时，也可以轻松获得Express框架。

4. 编写代码

进入项目目录，新建一个名为"app.js"的文件，并使用以下代码编写一个基本的Express应用程序：

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

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

app.listen(3000, () => {
   console.log('Example app listening on port 3000!')
})

代码分析：

使用require()函数引入express模块；
调用express函数，将其返回值赋值给app变量；
使用app.get()函数定义路由，当接收到GET请求，并且路由为/时，执行回调函数；
在回调函数中，使用res.send()函数返回"Hello World!"字符串；
使用app.listen()函数指定监听端口为3000，在服务器启动时输出一条日志。

5. 启动应用

使用以下命令在命令行中启动应用程序：

$ node app.js

当看到"Example app listening on port 3000!"消息时，表示服务器已经启动。此时，在浏览器中输入"http://localhost:3000"，将看到"Hello World!"文字。

6. 示例说明

下面是两个示例说明：

示例1：呈现HTML页面

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

上面的代码将向服务器请求路径为"/"的路由，并在回调函数中，返回一段简单的HTML代码。当浏览器访问"http://localhost:3000/"时，将返回一段带有"Hello World!"标题的HTML页面。

示例2：配置路由参数

app.get('/hello/:name', (req, res) => {
   res.send(`Hello ${req.params.name}!`)
})

上面的代码使用":name"配置了路由参数，在使用"http://localhost:3000/hello/yourname"测试路由时，将看到"Hello yourname!"。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：nodejs使用express创建一个简单web应用 - Python技术站