基于REST的Web服务客户端是一款功能强大的谷歌浏览器插件,使用基于REST的Web服务客户端(模拟REST客户端)可以让用户使用谷歌浏览器模拟REST请求来测试REST风格。

基于REST的Web服务客户端的开发背景

REST风格的web架构系统,又称为RESTful架构,它是一种网络数据编程的规范,REST没有具体的标准,它只是一种编程风格或者是一种约束,主要用于网络客户端与服务端的数据交互,比如手机app与云服务器之间的交互,游戏客户端与游戏服务器的交互。REST的一大特点就是表现在其是一种轻量级、无状态的数据交互。REST的无状态只要表现在其在与服务器端交互的时候,请求必须包含所需的信息,如果服务器重启,客户端不会得到通知等方便,相比SOAP或者XML-RPC,REST显得更加轻巧,简单。

REST在开发的的时候,通常包含了服务器端的内容,在些都需要客户端开发完毕后,才能对服务器端的数据进行校验和调试,但是事实上我们需要提前进行这一步,所以,今天给大家推荐一款可以模拟REST客户端来请求服务器的谷歌浏览器插件。

基于REST的Web服务客户端的简介

基于REST的Web服务客户端是一款可以模拟REST客户端向REST服务器端发送请求的Chrome插件,在Chrome中安装了基于REST的Web服务客户端插件以后,用户就可以在REST服务器端开发完成后,提前使用基于REST的Web服务客户端插件,对服务器上的数据请求,进行测试,以达到提前感知错误,并及时修正的目地。

基于REST的Web服务客户端的使用方法

1.在谷歌浏览器中安装基于REST的Web服务客户端插件,并在Chrome的扩展器中启动模拟REST客户端向REST服务器端发送请求的功能,基于REST的Web服务客户端插件的下载地址可以在本文的下方找到,离线基于REST的Web服务客户端插件的安装方法可参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 最新谷歌浏览器离线安装版可以从这里下载:http://chromecj.com/chrome/2014-09/177.html

2.点击Chrome右上角的基于REST的Web服务客户端插件按钮,就可以打开模拟REST客户端的界面,在该界面中用户可以输入需要测试的REST服务器端地址,进行测试。

3.如果对REST服务器端的请求需要帐号和密码认证,可以点击基于REST的Web服务客户端插件界面上方的认证选项,并选择HTTP基本认证,在发送REST请求的时候,附带上认证信息进行发送,如图所示:

4.如果对REST服务器端的请求,还需要保护必要的HTTP头部信息,可以点击基于REST的Web服务客户端插件上方的添加头部信息按钮,并在弹出窗口中,添加头部信息的名称和值以后,再发送对服务器端的REST请求,如图所示:

5.通过添加请求属性,用户可以模拟多种REST请求中所需要的数据,如图所示:

6.如果用户经常操作某一个请求,和把请求导入或导出到json文件中,方法是点击收藏夹按钮,然后选择相应的导入导出选项,如图所示:

7.通过基于REST的Web服务客户端插件的结果界面中,用户可以查看出REST请求发送之后的结果,其中可以显示出响应的摘要、响应的原始请求和响应后的格式化请求,如图所示:

基于REST的Web服务客户端的注意事项

1.基于REST的Web服务客户端插件不仅能够测试REST服务器端的请求,对于普通的HTTP请求一样可以进行测试,测试成功后的结果会以网页源代码的形式展现给用户。

2.REST服务器端可能有多种请求认证方式,请用户注意其中的需求后,使用基于REST的Web服务客户端添加认证进行测试。

转载必须注明来自: Chrome插件 » 基于REST的Web服务客户端

超级好用的前端开发测试Chrome插件-基于REST的Web服务客户端的更多相关文章

  1. 超级好用的前端开发测试Chrome插件-WEB前端助手(FeHelper)

    WEB前端助手(FeHelper)插件概述 WEB前端助手:FeHelper是一款chrome浏览器插件.包含一些前端实用的工具,如字符串编解码.代码美化.JSON格式化查看.二维码生成器.编码规范检 ...

  2. 在chrome中安装基于REST的web服务客户端

    基于REST的Web服务客户端的使用方法 点击转到基于REST的Web服务客户端下载页面 chrome浏览器如果安装扩展程序点击chrome浏览器右上角,选择“设置在“设置”对话框里选择“扩展程序”然 ...

  3. 适合前端开发的 Chrome 扩展有哪些?(十款)

    适合前端开发的 Chrome 扩展有哪些?(十款) 一.总结 好的插件或者框架对程序员的意义重大. 二.适合前端开发的 Chrome 扩展有哪些?(十款) 掘金是一个高质量的技术社区,从 ECMASc ...

  4. Chrome谷歌浏览器web前端开发好用插件(自己用)备忘

    Chrome谷歌浏览器web前端开发好用插件(自己用)备忘 一.总结 英语好一点的话要什么工具就直接去Chrome插件里面找非常方便. 二.测试题-简答题 1.Chrome修改页面字符集是什么? 解答 ...

  5. 前端开发工具-VsCode插件【个人开发常用】

     前端开发工具-VsCode插件[个人开发常用] Atom One Dark Theme-主题 Chinese (Simplified) Language Pack for Visual Studio ...

  6. Sublime Text 3前端开发常用优秀插件介绍

    . 首页 博客园 联系我 前言:关于Sublime Text 3. Package Control插件管理. Package Control使用方法/安装Emmet插件. Emmet插件. JsFor ...

  7. Sublime Text 前端开发常用扩展插件推荐

    Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text ...

  8. 作为一名前端开发工程师,你必须掌握的WEB模板引擎:Handlebars

    作为一名前端开发工程师,你必须掌握的WEB模板引擎:Handlebars 一.为什么需要使用模板引擎? 关于为什么要使用模板引擎,按照我常对学生说的一句话就是:不用重复造轮子..   简单来说,模板最 ...

  9. chrome插件 postman 可以调用restful服务

    chrome插件 postman 可以调用restful服务

随机推荐

  1. C语言操作符/表达式及其作用总结

    一.算术操作符:+ - * / % 1. 除了 %操作符之外,其他的 几个操作符可以作 用于整数和浮点数. 2. 对于"/"操作符如果两个操作数都为整数,执行整数除法.而只要有浮点 ...

  2. js如何获取隐藏的元素的高度

    首先,正常情况下,确保div是有高度的. <!DOCTYPE html> <html lang="en"> <head> <meta ch ...

  3. 第二周c语言PTA作业留

    6-1 计算两数的和与差(10 分) 本题要求实现一个计算输入的两数的和与差的简单函数. 函数接口定义: void sum_diff( float op1, float op2, float psum ...

  4. 20145237 《Java程序设计》第七周学习总结

    20145237 <Java程序设计>第七周学习总结 教材学习内容总结 第十三章   一.认识时间与日期   1.时间的度量   在正式认识Java提供了哪些时间处理API之前,得先来了解 ...

  5. SDVN

    Software Defined Vehicular Networks VANET 车载自组网(VANET)是指在交通环境中车辆之间.车辆与固定接入点之间及车辆与行人之间相互通信组成的开放式移动Ad ...

  6. Flask 页面缓存逻辑,jinja2 过滤器,测试器

    回调接入点-页面缓存逻辑 from flask import Flask,request,render_template from werkzeug.contrib.cache import Simp ...

  7. Digilent Xilinx USB Jtag cable

    Digilent Xilinx USB Jtag cable 安装环境 操作系统:fedora 20 64bit 源链接:https://wiki.gentoo.org/wiki/Xilinx_USB ...

  8. 阿里云CentOS部署小笔记

    快毕业了,我用近两周的时间完成了一个nodeJs+Vue-Cli+Mysql的毕业设计,到了部署的时候了. 然而,博主使用Linux的经验有限得很,所以只能自己慢慢地填坑了. 一.准备工作 1)阿里云 ...

  9. c语言中宏定义和常量定义的区别

    他们有共同的好处就是"一改全改,避免输入错误"哪两者有不同之处吗?有的. 主要区别就在于,宏定义是在编译之前进行的,而const是在编译阶段处理的 宏定义不占用内存单元而const ...

  10. big_menu菜单设置

    1.页面 <script> $(function(){ $('.subnav .content-menu .on').after('<a class="add fb&quo ...