express入门01服务器搭建以及get和post请求的监听

文摘   2024-06-10 12:52   内蒙古  

微搭提供了后端API的能力,但是不同的版本收费差别巨大,因为使用的门槛限制了中小企业使用低代码平台。那可不可以既要又要呢?答案是肯定的,那其实掌握一定的后端框架,借助我们在低代码中已经熟练掌握的技能其实是比较容易的。

这个系列的教程我们讲解一下express框架,他就可以比较容易的搭建我们的后端服务,这个是本系列的第一篇讲解服务的搭建以及get和post请求的监听。

1 初始化工程

在电脑盘符里新建一个项目的目录,我这里新建一个express入门

用vscode打开我们的目录

打开命令行窗口

输入初始化命令

npm init

按照提示一路回车

2 安装express

在命令行输入如下命令,安装express

npm install express --save

3 启动服务器

在项目的根目录创建一个app.js用来启动服务器

贴入如下代码来启动我们的服务器

const express = require('express')

const app = express()

app.listen(3000,()=>{ console.log("server is started")})

在命令行输入启动命令

node app.js

可以看到服务已经启动完成了

4 监听get请求

在app.js里继续加入如下代码用来响应get请求

app.get("/",function(req,res){    console.log("根目录被调用")})

在package.json里添加启动脚本

{  "name": "project",  "version": "1.0.0",  "description": "",  "main": "app.js",  "scripts": {    "test": "echo \"Error: no test specified\" && exit 1",    "dev":"node app.js"  },  "author": "",  "license": "ISC",  "dependencies": {    "express": "^4.19.2"  }}

然后在命令行里输入

npm run dev

这样我们就使用启动命令启动了服务器

在浏览器里访问http://localhost:3000可以看到控制台输出了根目录被调用

5 返回数据

接收到客户端的请求后,我们可以给客户端返回数据,通常使用res.send方法完成

返回文本数据

res.send("hello world")

返回json数据

const data = {          name: 'John Doe',          age: 30,          city: 'New York'        };        res.json(data);  

返回html数据

const html = '<h1>Hello, World!</h1>';    res.send(html);

6 监听post请求

监听post请求的时候,需要先处理请求的类型

// 解析 application/json 类型的请求体  app.use(express.json());    // 解析 application/x-www-form-urlencoded 类型的请求体  app.use(express.urlencoded({ extended: true }));  

然后我们就可以注册post请求进行监听

app.post("/user/add",function(req,res){    console.log(req.body)    res.send("请求完成")})

发送Post请求的时候我们不能直接访问路径,需要借助postman工具,安装好,在postman里输入如下的请求地址

控制台打印了我们提交的参数

7 动态获取参数

在调用接口的时候除了我们用?传参外,我们还可以动态传入参数,比如如下接口

app.get('/users/:id', (req, res) => {      // 通过 req.params.id 访问路由参数      const userId = req.params.id;      res.send(`User ID: ${userId}`);    });  

这样我们就可以通过/users/1的形式去访问接口,来获取我们传入的参数

总结

本篇我们介绍了使用express框架搭建服务器的过程,以及监听get和post请求。在低代码开发中,尤其是后端开发中,为了让我们的应用的灵活度更高,往往需要借助云服务器来搭建自己的后端应用,照着教程练习一遍吧。



低代码布道师
分享微搭低代码使用教程,提问交流+知识星球50556232
 最新文章