WebApi开发概览

1 本篇概述

  目前我们已经编写了一些Controller并通过Swagger进行了查询和调试,本篇将讨论Controller中的一些概念,包括: - GET、POST、PUT与DELETE - Route(路由) - Reques的类型 - Produces

2 GET、POST、PUT与DELETE

  先看一段代码:

[Produces("application/json")]
[Route("api/products")]
public class ProductsController: Controller
{
    [HttpGet]
    public Product GetProduct(String code, String Name)
        {
            Console.WriteLine("GetProduct");
            var product = new Product
            {
                ProductCode = code,
                    ProductName = Name
            };
            return product;
        }
        [HttpPost]
    public Product GetProductByPost(String code, String Name)
        {
            Console.WriteLine("GetProductByPost");
            var product = new Product
            {
                ProductCode = code,
                    ProductName = Name
            };
            return product;
        }
        [HttpPut]
    public Product GetProductByPut(String code, String Name)
    {
        Console.WriteLine("GetProductByPut");
        var product = new Product
        {
            ProductCode = code,
                ProductName = Name
        };
        return product;
    }
}

  这三个方法功能完全一致,除了提交的方式不一样,而且它们都可以正常的工作。那我们在设计的时候应该如何选择呢?

  从理论角度来讲,四个提交方式对应四种类型的数据操作: - GET:查询数据 - POST:新增数据 - PUT:更新数据 - DELETE:删除数据

  那我们可以完全按照我们的业务类型选择提交方式,但事实上很多框架是一个POST打天下的。下面简单分析一下之间的区别。

2.1 GET与POST

  GET主要用于查询,提交数据是放在URL中的,即使采用HTTPS传输协议,仍然可以被侦测到,如果查询条件需要保密,就要采用POST,另外GET对提交的数据有长度限制,不能提交太多数据;

  由于GET是用来查询的,对与一些公开的服务,在安全策略角度来说,可能对于GET的提交不需要进行认证审查,而非GET提交就需要身份审查,此时,就要把GET和POST严格分开,便于统一权限处理。

2.2 GET与POST

  当需要以更新的形式来修改某一具体资源的时候,如何判断用PUT还是POST呢?理论上讲很简单,如果该更新对应的URI多次调用的结果一致,则PUT(幂等操作),在每次更新提交相同的内容,最终的结果不一致的时候,用POST。以上只是理论,实际上浏览器和服务器端容器对PUT并没有什么特别待遇,区分POST和PUT除了体现一种设计规范,对系统的功能、性能都没有实际好处,还不如POST了。

3 Route(路由)

  还是先看一段代码:

[Route("api/products")]
public class ProductsController: Controller
{
    [HttpGet]
    public void GetProduct()
        {
            Console.WriteLine("GetProduct,My Route:api/products");
            return;
        }
        [HttpGet("{code}")]
    public void GetProductWithCode()
        {
            Console.WriteLine("GetProductWithCode,My Route:api/products/{code}");
            return;
        }
        [HttpGet("code")]
    public void GetProductByCode()
    {
        Console.WriteLine("GetProductByCode,My Route:api/products/code");
        return;
    }
}

  [Route("api/products")]表示该Conttroller的访问路径前缀为api/products;

  1、不带参数的 [HttpGet]表示该方法的访问路径就是:api/products

  2、[HttpGet("code")]表示其访问路径为:api/products/code,如果有参数的话就是:api/products/code?name=aaa&...

  3、[HttpGet("{code}")]:默认要求用户必须输入一个参数,其值将作为路径的一部分,比如用户输入caode为123,则路径为:api/products/123,如果有参数的话就是:api/products/123?name=aaa&...

  有趣的是,如果用户输入的值为“code”就会调用第2个方法,优先匹配静态路径。以上代码只是为了演示,实际应该避免这种写法,不要给自己挖坑。

  几点建议:

  • 应该避免某个方法由于用户输入的参数原因导致调用了另一个方法;
  • 如果某个参数是必须的,那么该方法必须提供这个参数,下面的代码是正确的
[HttpGet("{code}")]
public void GetProductWithCode(string code)
{
    Console.WriteLine("GetProductWithCode,My Route:api/products/{code}");
    return;
}
  • 条件的名称和路径不要采用同一个名称,下面的代码是不合适的,它可以正常工作,但难以阅读。
[HttpGet("code")]
public void GetProductByCode(string code)
{
    Console.WriteLine("GetProductByCode,My Route:api/products/code");
    return;
}

4 Reques的数据类型

  下面讨论一下客户端提交数据相关格式的问题,先看一下Controller的代码。

[Produces("application/json")]
[Route("api/newproduct")]
public class NewProductController: Controller
{
    [HttpPost("t1")]
    public void PostData1(string name, string code, [FromBody] Product product)
        {}
        [HttpPost("t2")]
    public void PostData2(string name, string code, Product product)
    {}
}

  t1和t2方法的输入参数完全一致,唯一的区别是t1在Pruduct对象参数之前多一个[FromBody]标记,关于FromBody的使用:

1.如果有FromBody就需要前端提供的数据为json格式,且只能有一个FromBody标记,多个参数需要包在一个对象里提交;

2.如果没有FromBody就需要前台通过键值对的方式提供数据。

  关于前端提交数据的类型大约有以下几种:

a、application/x-www-form-urlencoded

  通过普通的表单提交的数据就是这种数据类型。

<form id="myform" action="api/newproduct/t2" method="post" >
        Code:<input type="text" id="Code" name="Code" /><br />
        Name:<input type="text" id="Name" name="Name" /><br />
        productCode:<input type="text" id="ProductCode" name="product.ProductCode" /><br />
        productName:<input type="text" id="ProductName" name="product.ProductName" /><br />
        <input type="submit" value="Submit" /><br />      
</form>

  也可以通过Ajax实现。

b、multipart/form-data

  如果表单内含有文件,就需要采用这种格式,表单属性多一个:enctype="multipart/form-data"

 <form id="myform" action="api/newproduct/t2" method="post" enctype="multipart/form-data">
            Code:<input type="text" id="Code" name="Code" /><br />
            Name:<input type="text" id="Name" name="Name" /><br />
            productCode:<input type="text" id="ProductCode" name="product.ProductCode" /><br />
            productName:<input type="text" id="ProductName" name="product.ProductName" /><br />
            File:<input type="file" name="files" /><br/>
            <input type="submit" value="Submit" /><br />       
</form>

  同样可以通过Ajax实现调用。

  以上两种提交方式需要配套api/newproduct/t2方法

c、application/json

  JSON 格式支持比键值对复杂得多的结构化数据,而且浏览器和JS支持都比较好,所以比较流行。如果你要提交的对象内含其他对象,用json就非常方便。

$("#query1").click(function (event) { 
                var datastr = "{productCode: '3333', productName: '4444',  productNumbers: 6}";
                $.ajax({
                    url: "api/newproduct/t1?name=1111",
                    type: "Post",
                    contentType: "application/json; charset=utf-8",
                    data: datastr,
                    success: function (result) {
                        alert("success");
                    },
                    error: function (error) {
                        alert("出错:" + error.responseText);
                    }
                });
            });

  后台服务对应api/newproduct/t1方法。

d、text/xml

  通过XML格式输入数据,js处理xml感觉不方便,就不深入研究了。

  小结一下:

  • 如果要传递一个复杂对象建议采用json格式;
  • 如果通过表单提交数据就用application/x-www-form-urlencoded;
  • 如果有文件就必须要用multipart/form-data 只要掌握了原理,具体采用什么方式,可以在应用的过程中灵活确定,不一定拘于形式。关于更详细一些的分析,后面会再介绍。

5 Produces:输出数据类型

  还是先看一段代码:

[Produces("application/json")]
[Route("api/products")]
public class ProductsController: Controller
{
    [HttpGet]
    public List < Product > GetProduct()
    {
        List < Product > products = new List < Product >
        {
            new Product("111", "AAA"),
                new Product("2222", "BBBB")
        };
        return products;
    }
}
public class Product
{
    public string ProductCode
    {
        get;
        set;
    }
    public string ProductName
    {
        get;
        set;
    }
    public string ProductDescript
    {
        get;
        set;
    }
    public int ProductNumbers
    {
        get;
        set;
    }
    public Product(string code, string name)
    {
        ProductCode = code;
        ProductName = name;
    }
}

  首行[Produces("application/json")] 表示调用者接收的Response数据为json格式,通过swagger或Chrome的调试功能可以查询到response数据如下:

[{"productCode":"111","productName":"AAA","productDescript":null,"productNumbers":0},{"productCode":"2222","productName":"BBBB","productDescript":null,"productNumbers":0}]

  如果我不希望输出的数据类型为json,该如何处理呢?简单的方式就是采用ContentResult,代码如下:

[Produces("application/json")]
[Route("api/products")]
public class ProductsController: Controller
{
    [HttpGet("version1")]
    public string GetVersion1()
        {
            return "version:1.0.1";
        }
        [HttpGet("version2")]
    public ContentResult GetVersion2()
    {
        return Content("version:1.0.1");
    }
}

  第一个方法输出为:"version:1.0.1"

  第二个方法输出为:version:1.0.1

  请注意其中的区别,理论上如果可以输出自己定义的字符串,我们就可以输出任意我们想要的类型了,比如XML,但用这种方案输出xml比较丑陋,如果要输出XML类型的话,可以采用以下办法:

  1. 修改Starup类的ConfigureServices方法
public void ConfigureServices(IServiceCollection services)
{
    // services.AddApplicationInsightsTelemetry(Configuration);
    services.AddMvc().AddXmlDataContractSerializerFormatters();
}
  1. 去掉Controller的[Produces("application/json")]属性:
[Route("api/products")]
public class ProductsController: Controller
{
    [HttpGet]
    public List < Product > GetProduct()
    {
        Console.WriteLine("GetProduct,My Route:api/products");
        List < Product > products = new List < Product >
        {
            new Product("111", "AAA"),
                new Product("2222", "BBBB")
        };
        return products;
    }
}
  1. 准备输出的对象增加[Serializable]的属性
[Serializable]
public class Product
{
    public string ProductCode
    {
        get;
        set;
    }
    public string ProductName
    {
        get;
        set;
    }
}

  此时通过客户端的AcceptType来决定输出的类型,可以在Swagger界面选择Response的类型进行接口调用。

使用场景

  如果选择application/xml,输出内容如下:

<ArrayOfProduct xmlns:i="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.datacontract.org/2004/07/SaleService.Models">
    <Product>
        <_x003C_ProductCode_x003E_k__BackingField>111</_x003C_ProductCode_x003E_k__BackingField>
        <_x003C_ProductDescript_x003E_k__BackingField i:nil="true" />
        <_x003C_ProductName_x003E_k__BackingField>AAA</_x003C_ProductName_x003E_k__BackingField>
        <_x003C_ProductNumbers_x003E_k__BackingField>0</_x003C_ProductNumbers_x003E_k__BackingField>
    </Product>
    <Product>
        <_x003C_ProductCode_x003E_k__BackingField>2222</_x003C_ProductCode_x003E_k__BackingField>
        <_x003C_ProductDescript_x003E_k__BackingField i:nil="true" />
        <_x003C_ProductName_x003E_k__BackingField>BBBB</_x003C_ProductName_x003E_k__BackingField>
        <_x003C_ProductNumbers_x003E_k__BackingField>0</_x003C_ProductNumbers_x003E_k__BackingField>
    </Product>
</ArrayOfProduct>

  序列化的结果不太整齐,这个问题的原因不在这里讨论。

  如果你采用Ajax调用后台服务,需要在js代码中指定Accept类型。

$.ajax({
    url: "api/products",
    type: "GET",
    contentType: "application/xml; charset=utf-8",
    headers: {
        Accept: "application/xml"
    },
    success: function(result) {
        alert("success");
    }
});

  关于前端调用Api的知识,后面一篇单独讨论,请参考:《前端访问WebApi》。

版权声明: 本文为智客工坊「seabluescn」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

results matching ""

    No results matching ""