其他
只需使用VS Code的REST客户端插件即可进行API调用
为什么要离开IDE去测试新的API?现在你不必这样做了。
我们如何获取数据
认识VS Code REST Client插件
安装REST Client
安装完成后,我们可以继续进行设置。
设置REST Client脚本
.http
结尾的文件,REST Client可以识别出这一点,并且知道它应该能够运行来自该文件的HTTP请求。test.http
的文件丢到项目文件夹的根目录。测试一下:基本操作
POST示例
POST
,因为用户在我的应用程序中必须先注册才能进行其他任何操作(毕竟,这只是一个登录服务)。test.http
文件中显示。http://localhost:3003/registerUser
。第一行末尾的 HTTP/1.1
与RFC 2616建立的标准有关,但是我不确定是否有必要,因此我将其保留只是为了安全。POST
,所以在请求中要包含一个JSON体,注意 Content-Type
和 body
之间有一行空行——这是REST Client有意要求的。所以,我们把所需的字段填好,然后,在 POST
上面应该会出现一个小小的 send Request
选项。把鼠标放在上面,然后点击,看看会有什么结果。test.http
文件中请求后的 ###
,这是请求之间的分隔符,只要在每个请求之间插入 ###
就可以在文件中包含任意数量的请求。GET示例
GET
请求就会被启动,以确保邮件中包含的用于重置密码的令牌是有效的,这就是它可能的样子。GET
指向了 /reset
端点,并在服务端附加了验证所需的 resetPasswordToken
查询参数。Content-Type
仍为 application/json
,底部的 ###
将此请求与文件中的任何其他请求分开。而这就是GET请求所需要的全部内容,他们不用担心请求体的问题。
Update示例
PUT
,body包括该对象上需要更新的任何字段。在我的应用程序中,用户可以更新其名字,姓氏或电子邮件。Authentication示例
Authorization
,然后(至少对我的情况而言)我添加JWT的键和值(因为它们出现在浏览器的本地存储中)作为 Authorization
头的值。Authorization: jwt XXXXXXXXXXXXXXXXXX
DELETE示例
经过我上面提供的其他例子,这个示例应该很简单
DELETE
需要的查询参数是 username
,这样它就知道到底要删除数据库中的哪个用户,而且还需要验证这个用户是否有资格提出这个请求。除此以外,这里就没有什么其他的新东西可以介绍了。REST Client文档:https://marketplace.visualstudio.com/items?itemName=humao.rest-client
结束
原文:https://blog.bitsrc.io/vs-codes-rest-client-plugin-is-all-you-need-to-make-api-calls-e9e95fcfd85a
作者:Paige Niedringhaus
更多文章
使用CSS ::marker的自定义项目符号 微前端究竟是什么,可以带来什么收益 YunGouOS:支持微信个人 H5 和微信个人 APP 支付接口 设计一个JavaScript插件系统,编程思维比死磕API更重要 如何创建与框架无关的JavaScript插件 我不能没有的5个Vue.js库 8个JavaScript库可更好地处理本地存储 引入适用于双屏和可折叠设备的Web API 听说你熟练使用Vue.js,这9种Vue技术你掌握了吗? 在Vue Vite应用程序中实现暗/亮模式 2020 开发人员生态系统现状
粉丝福利
126期留言中奖用户:丶晨晨虎,恭喜!请找我领红包,过期不候。
临走前留下,今天的福利
福利1:《Flutter从入门到进阶实战携程网APP》 获取地址请在公众号对话框中回复关键字:005
福利2:在看+留言,张张会在留言区随机抽取一位认真留言的小伙伴,给他发一个红包奖励
- END -
走心的分享更容易被抽中~
开奖时间 下期文末
点赞 + 在看 + 留言
下一个幸运儿就是你
👇
参考资料
REST Client: https://marketplace.visualstudio.com/items?itemName=humao.rest-client