文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Node.js使用express写接口的具体代码

2023-03-15 17:03

关注

创建基本的服务器

//导入express模块
const express =require('rexpress')
//创建express的服务器实例
const app=express()

....

//调用app.listen方法 ,指定端口号并启动web服务器
app.listen(80,function(){
  console.log('server running at http://127.0.0.1');
})

创建API路由模块

// apiRouter.js
var express=require('express')  //导入express
var apiRouter=express.Router() //创建路由对象
module.exports=router //向外导出对象
//app.js
const apiRouter=require('./apiRouter')
app.use('api',apiRouter)

编写GET接口

apiRouter.get('/get',(req,res)=>{
//1.获取到客户端通过查询字符串,发送到服务器的数据
const query=req.query
//2.调用res.send()方法 ,把数据响应给客户端
    res.send({
        status:0,               //状态,0表示成功  1表示失败
        msg:'GET请求成功,        // 状态描述
        data:query               //需要响应给客户端的数据
    })
})

编写POST接口

apiRouter.post('/post',(req,res)=>{
//1.获取到客户端通过查询字符串,发送到服务器的数据
const body=req.body
//2.调用res.send()方法 ,把数据响应给客户端
    res.send({
        status:0,               //状态,0表示成功  1表示失败
        msg:'POST请求成功,        // 状态描述
        data:body               //需要响应给客户端的数据
    })
})

在拿到路由之前需要配置解析表单的中间件

//配置解析表单数据的中间件
app.use(express.urlencoded({extended:false}))

CROS跨域资源共享

1.接口的跨域问题

刚才编写的GET和POST接口,存在一个很严重的问题:不支持跨域请求。解决接口跨域问题的方案主要有两种

2.使用cros中间件拒绝跨域问题

cros是Express的一个第三方的中间件。通过安装和配置cors中间件,可以很方便的解决跨域问题

使用步骤

3.什么是cros

cros(Cross-Origin Resource Sharing,跨域资源共享)由一系列HTTP响应头组成,这些HTTP响应头决定浏览器是否阻止前端JS代码跨域获取资源

浏览器的同源安全策略默认会阻止网页"跨域"或缺资源,但是如果接口服务器配置了CROS相关的HTTP响应头

就可以接触浏览器端的跨域访问限制

4.cros的注意事项

5.cros请求的分类

客户端在请求cors接口时,根据 请求方式和请求头的不同,跨域将cros的请求分为两大类,分别是:

在浏览器与服务器正式通信之前,浏览器会发送OPTION请求进行预检,以获取浏览器是否允许该实际请求,所以这一次的OPTION请求为“预检请求”,服务器成功响应预检请求后,才会发送真正的请求,并且携带真实数据

6.简单请求和预检请求的区别

简单请求的特点: 客户端与服务器之间只会发生一次请求。
预检请求的特点: 客户端与服务器之间会发生两次请求,OPTION预检请求成功之后,才会发起真正的请求。

JSONP接口

1.回顾jsonp的概念和特点

概念 :浏览器通过/

特点:

2.创建jsonp接口的注意事项

如果项目中已经配置了CROS的跨域资源共享,为了防止冲突,必须在配置CROS中间件之前声明JSONP的接口,否则JSONP接口会被处理成开启了CROS的接口

3.实现JSONP接口的步骤

4.实现JSONP接口的具体代码

app.get('/api/jsonp',(req,res)=>{
  //获取客户端发送过来的回调函数的名字
  const  funcName=req.query.callback
  //得到要通过JSONP形式发送给客户端的数据
  const data={name:'zs',age:22}
  //根据前面两步得到的数据,拼接一个函数调用的字符串
  const scriptStr=`${funcName}(${JSON.stringify(data)})`
  //把上一步得到的拼接字符串,响应给客户端的<script>标签进行解析
  res.send(scriptStr)
})

5.在网页在使用jq发起jsonp请求

调用$.ajax(),提供JSONP的配置请求,从而发起JSONP请求

$("#btnJSONP").on("click", function () {
    $.ajax({
        type: "GET",
        url: "http://127.0.0.1/api/jsonp",
        dataType: "jsonp",
        success: function (res) {
        console.log(res);
        },
    });
});

到此这篇关于Node.js使用express写接口的文章就介绍到这了,更多相关Node.js使用express写接口内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯