抱歉,你查看的文章不存在

【博客备案完成,恢复访问】如何直接在浏览器中查看和调试Django-Restful接口

点击关注州的先生

编程应用、实战教程,不容错过

博客zmister.com备案完成,恢复访问,同时问答系统筹备上线中,以后大家有问题可以直接在问答中进行提问:)

一、前言

我们创建好的web接口都通过Postman这个软件调用各种HTTP请求方法来进行调试和查看,这样返回的结果很容易被编程语言和应用程序所接收和识别,但是却并不便于我们直观的查看。

之前我们使用OPTION方法对接口进行请求测试的时候,会发现接口的头描述中提示不仅会渲染json数据,还会渲染html数据:

这是django-rest-framework框架为api的请求方设定的:在默认情况下,接口返回标头指定的格式。像我们使用Postman软件,默认的标头会是application/json,其就会返回json格式的数据:

如果我们使用浏览器对接口进行访问,浏览器默认的请求标头会是text/html,接口就会将数据以HTML的形式进行返回。下面我们来试验一下。

二、在浏览器中浏览接口

不需要做其他额外的配置,直接在浏览器中打开API接口的URL地址,就可以看到以HTML文档而不是JSON格式呈现出来的接口响应数据,如下图所示:

可以看到,api接口的响应以比较友好和美观的HTML显示在浏览器中,django-rest-framework框架默认使用bootstrap前端框架来呈现页面的样式。

除了简单了浏览接口之外,HTML形式的接口还提供了页面按钮和表单供我们直接在浏览器上进行简单的接口调试,只要是接口设置所允许的HTTP请求方法,页面上都会有相关按钮来提供操作,如下图的电影列表接口所示,页面上提供了OPTION、GET和POST三个请求方法的操作:

在电影详情接口,则提供了DELETE、OPTION、GET和PUT请求方法的操作:

通过这些页面的操作,我们不需要再打开Postman软件,而是直接在浏览器中对接口进行各种调试。

当然,如果想要在浏览器中查看json格式的响应,也是可以做到的。

默认情况下,接口在浏览器中返回HTML格式,但是我们可以使用format参数指定响应的格式,比如返回json格式数据电影列表的url为:

http://127.0.0.1:8000/movielist/?format=json

使用了format参数指定返回数据为json数据,那么浏览器中就会直接呈现json数据,如下图所示:

如果将format参数的值改为api,那么其显示方式又将是HTML。django-rest-framework框架的这个功能是不是很有用?

原文发布于微信公众号 - 州的先生(zmister2016)

原文发表时间:2018-07-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

编辑于

州的先生

6 篇文章54 人订阅

相关文章

来自专栏pangguoming

Angular CLI 使用教程指南参考

Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本.

1004
来自专栏北京马哥教育

73 条日常 shell 命令汇总,总有一条你需要!

1.检查远程端口是否对bash开放: echo >/dev/tcp/8.8.8.8/53 && echo "open" 2.让进程转入后台: Ctrl + ...

2938
来自专栏Linux运维学习之路

ansible批量管理软件部署及剧本

服务器版本信息: Centos6.9 [root@db02 ~]# uname -a Linux db02 2.6.32-696.el6.x86_64 #1 S...

9577
来自专栏移动端周边技术扩展

Vue.js学习笔记(1)

931
来自专栏开发技术

将tomcat添加为linux系统服务

  在博客 --》virtualBox安装centos,并搭建tomcat中,讲到了centos下搭建tomcat环境,发现启动tomcat不是那么方便,要是忘...

1642
来自专栏深度学习自然语言处理

Linux下与github建立ssh连接

前期准备 设置用户: git config --global user.name "your name" git config --globa user....

2898
来自专栏源码之家

mysql数据库还原出错ERROR:Unknown command ‘\\’解决手记

2075
来自专栏张伟博客

如何使用 Git 和 GitHub 来管理自己的代码

    点击右上角加号箭头,在弹出的菜单中选择 "New repository" 选项进行仓库配置。

1462
来自专栏vue学习

5.vue-router之什么是编程式路由

首先我们来讲讲简单的,上面两个方法记住,等效的。 ① 还是在test.vue组件里面写个div并给它添加一个click跳转事件:

1223
来自专栏北京马哥教育

73条日常shell命令汇总,总有一条你需要!

1.检查远程端口是否对bash开放: echo >/dev/tcp/8.8.8.8/53 && echo "open" 2.让进程转入后台: Ctrl + z...

37111

扫码关注云+社区

领取腾讯云代金券