51Testing软件测试论坛

标题: Web接口自动化测试 [打印本页]
作者: 小文0111    时间: 2018-4-25 15:42
标题: Web接口自动化测试
接口的理解

接口就是API，可以理解为用来供外部调用（访问）的东东（模块）。

比如：

手机上可以查看实时天气（大概原理就是app应用调用了气象平台提供天气查询接口）；12306网站的实名制认证
（需要调用政府公安局相关信息系统提供的身份认证接口）；

微信上绑定银行卡（需要调用银行系统提供的相关业务接口）。

JSON介绍

JSON是一种数据格式，任何对象都可以使用JSON数据来表示。

可以表示某人，比如：

{

"name":"Bill Gates",

"street":"Fifth Avenue New York 666",

"age":56,

"phone":"5551234567"

}
可以表示网站，比如：

{ "sites": [ { "name":"菜鸟教程" , "url":"www.runoob.com" }, { "name":"google" , "url":"www.google.com" }, {
"name":"微博" , "url":"www.weibo.com" } ] }
等等。

注意：还有另外一种数据格式叫XML。

Web接口的访问

比如：

天气查看接口的地址为：http://weather.51wnl.com/weatherinfo/GetMoreWeather

参数列表如下：

参数名 备注

cityCode 城市编码

weatherType 查看类型[0:查看一周内的天气情况 1：查看当天的天气情况]

打开浏览器，输入如下地址：


返回的json数据如下：

[attach]114475[/attach]
如果要格式化显示json数据的话，可以在火狐上安装格式化json数据的插件

[attach]114476[/attach]
或者，通过在线网站对json数据格式化显示

[attach]114477[/attach]
Web接口自动化测试

检查接口返回的城市和温度是否正确。

代码如下：

  2. package day01;
  3. import static org.junit.Assert.*;
  4. import java.util.Arrays;
  5. import java.util.List;
  6. import org.apache.http.HttpResponse;
  7. import org.apache.http.client.methods.HttpGet;
  8. import org.apache.http.impl.client.CloseableHttpClient;
  9. import org.apache.http.impl.client.HttpClients;
  10. import org.apache.http.util.EntityUtils;
  11. import org.json.JSONObject;
  12. import org.junit.After;
  13. import org.junit.Test;
  14. import org.junit.runner.RunWith;
  15. import org.junit.runners.Parameterized.Parameters;
  16. import org.junit.runners.Parameterized;

  18. @RunWith(Parameterized.class)
  19. public class WeatherTest {
  20.     private CloseableHttpClient httpClient;
  21.     private int id;//用例编号
  22.     private String city;//城市编号
  23.     private int type;//查看类型  0：查看本周内的天气    1：查看当天的天气
  24.     private String expectedCity;//期望值
  25.     private String expectedTemp;//期望温度

  27.     public WeatherTest(int id, String city, int type, String expectedCity, StringexpectedTemp) {
  28.         super();
  29.         this.id = id;
  30.         this.city = city;
  31.         this.type = type;
  32.         this.expectedCity = expectedCity;
  33.         this.expectedTemp = expectedTemp;
  34.     }

  36.     @After
  37.     public void end() throws Exception{
  38.         httpClient.close();//关闭客户端
  39.     }

  41.     @Parameters
  42.     public static List data(){
  43.         Object[][] arr = {
  44.                 {1,"101010100",1,"北京","-1"},
  45.                 {2,"101020100",1,"上海","5"},
  46.                 {3,"101280101",1,"广州","8"}
  47.         };
  48.         return Arrays.asList(arr);
  49.     }

  51.     @Test
  52.     public void test() throws Exception{
  53.             //接口地址
  54.              String url ="http://weather.51wnl.com/weatherinfo/GetMoreWeather";
  55.              //创建一个客户端用来访问接口
  56.              httpClient= HttpClients.createDefault();
  57.              //HttpClient httpClient = new DefaultHttpClient();
  58.              //创建一个请求
  59.             HttpGet httpGet =new HttpGet(url+"?cityCode="+city+"&weatherType="+type);      
  60.             //发送该请求
  61.             HttpResponse result =httpClient.execute(httpGet);
  62.             //获取接口返回的内容
  63.             String resData= EntityUtils.toString(result.getEntity());
  64.             //将接口返回的内容转成JSON实例
  65.             JSONObject json =new JSONObject(resData);
  66.             //从JSON实例里面获取天气实例
  67.             JSONObject weatherInfo =json.getJSONObject("weatherinfo");
  68.             //验证返回的城市是否和期望值相等
  69.             assertEquals(expectedCity,weatherInfo.getString("city"));
  70.             //验证返回的温度是否和期望值相等
  71.             assertEquals(expectedTemp,weatherInfo.getString("temp"));
  72.     }
  73. }
复制代码

附截图：

[attach]114478[/attach]
在HRIS系统中调用天气查看接口（了解）

步骤一、引入相关的jar包

[attach]114479[/attach]
步骤二、创建一个Servlet

该Servlet会调用天气查询的接口，代码如下：

  2. package com.hris.servlet;

  4. import java.io.IOException;
  5. import java.io.PrintWriter;

  7. import javax.servlet.ServletException;
  8. import javax.servlet.http.HttpServlet;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;

  12. import org.apache.http.HttpResponse;
  13. import org.apache.http.client.methods.HttpGet;
  14. import org.apache.http.impl.client.CloseableHttpClient;
  15. import org.apache.http.impl.client.HttpClients;
  16. import org.apache.http.util.EntityUtils;



  20. public class WeatherServlet extends HttpServlet {
  21.     public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException,IOException {   
  22.         String url ="http://weather.51wnl.com/weatherinfo/GetMoreWeather?cityCode="+request.getParameter("city")+"&weatherType=1";
  23.         try{
  24.          CloseableHttpClient  httpClient = HttpClients.createDefault();
  25.             HttpGet httpGet =new HttpGet(url);      
  26.             HttpResponse result =httpClient.execute(httpGet);        
  27.             String resData = EntityUtils.toString(result.getEntity());
  28.             response.setHeader("Content-type","application/json;charset=UTF-8");
  29.             response.setCharacterEncoding("utf-8");
  30.             response.setHeader("Cache-Control","no-cache");
  31.             PrintWriter printWriter =response.getWriter();
  32.             printWriter.write(resData);
  33.         }catch(Exception e){
  34.             e.printStackTrace();
  35.         }
  36.     }
  37. }
复制代码

附截图：

[attach]114480[/attach]
步骤三、修改web.xml配置

添加如下配置：

  1.   <servlet>
  2.     <servlet-name>weather</servlet-name>
  3.     <servlet-class>com.hris.servlet.WeatherServlet</servlet-class>
  4.   </servlet>
  5.   <servlet-mapping>
  6.     <servlet-name>weather</servlet-name>
  7.     <url-pattern>/getWeatherInfo</url-pattern>
  8.   </servlet-mapping>
复制代码

附截图：

[attach]114481[/attach]
步骤四、login.jsp页面修改HTML代码

在导航层里面新增如下HTML代码：

城市：<select id="city" name="city">
  <option value="101010100">北京</option>
  <option value="101020100" selected>上海</option>
  <option value="101280101">广州</option>     
</select>
<span id="tianqi"></span>
body开始标签里面的html更改为如下：

<body>
附截图：

[attach]114482[/attach]
[attach]114483[/attach]
步骤五、login.jsp页面增加JS程序发送AJAX请求查询天气

添加如下代码：

  2.         <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  3.         <script type="text/javascript">
  4.             $(document).ready(function(){               
  5.                 $("#city").change(function(){
  6.                       $.post("getWeatherInfo",
  7.                               {
  8.                                 city:$(this).val()
  9.                               },
  10.                               function(data,status){
  11.                                   //var obj = $.parseJSON(data);
  12.                                   $("#tianqi").html("气温："+data.weatherinfo.temp+"°C");
  13.                               });
  14.                 });
  15.             });                 
  16.         </script>   
  17.         <script type="text/javascript">
  18.             function method(){
  19.                   $.post("getWeatherInfo",
  20.                           {
  21.                             city:$("#city").val()
  22.                           },
  23.                           function(data,status){
  24.                               //var obj = $.parseJSON(data);
  25.                               $("#tianqi").html("气温："+data.weatherinfo.temp+"°C");
  26.                           });
  27.             }
  28.         </script>
复制代码

附截图效果：

[attach]114486[/attach]
[attach]114487[/attach]
[attach]114488[/attach]






欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2