美文网首页通往成功之路
创建Web API 帮助文档页面的两种方式

创建Web API 帮助文档页面的两种方式

作者: 此十八 | 来源:发表于2018-03-16 16:47 被阅读57次

来源:编程玩家

cnblogs.com/Erik_Xu/p/5638381.html

前言

你需要为客户编写API调用手册?你需要测试你的API接口?你需要和前端进行接口对接?

那么这篇文章应该可以帮到你。本文将介绍创建Web API 帮助文档页面的两种方式,Microsoft Help Page和Swashbuckle Help Page。

编写RESTful的Web API

/// <summary>

/// 股票数据接口

/// </summary>

[RoutePrefix("api/stocks")]

public class StocksController : ApiController

{

private readonly List<Stock> _stocks;

/// <summary>

/// 构造函数

/// </summary>

public StocksController()

{

    _stocks = new List<Stock>

    {

        new Stock{Symbol = "000001", Name = "平安银行", Exchange = "深证交易所"},

        new Stock{Symbol = "000002", Name = "万科A", Exchange = "深证交易所"},

        new Stock{Symbol = "000003", Name = "PT金田A", Exchange = "深证交易所"},

        new Stock{Symbol = "000004", Name = "国农科技", Exchange = "深证交易所"},

        new Stock{Symbol = "000005", Name = "世纪星源", Exchange = "深证交易所"}

    };

}

/// <summary>

/// 获取股票列表

/// </summary>

/// <returns>股票列表</returns>

[HttpGet]

public IEnumerable<Stock> List()

{

    return _stocks;

}

/// <summary>

/// 获取指定股票

/// </summary>

/// <param name="symbol">股票代码</param>

/// <returns>指定股票</returns>

[HttpGet(), Route("{symbol}", Name = "Get")]

public IHttpActionResult Get(string symbol)

{

    var stock = _stocks.SingleOrDefault(n => n.Symbol == symbol);

    if (stock == null)

    {

        return NotFound();

    }

    return Ok(stock);

}

/// <summary>

/// 添加一支股票

/// </summary>

/// <param name="stock">股票信息</param>

[HttpPost]

public IHttpActionResult Create(Stock stock)

{

    return CreatedAtRoute("Get", new { symbol = stock.Symbol }, stock);

}

/// <summary>

/// 更新一支股票

/// </summary>

/// <param name="stock">股票信息</param>

[HttpPut]

public IHttpActionResult Update(Stock stock)

{

    if (_stocks.All(n => n.Symbol != stock.Symbol))

    {

        return NotFound();

    }

    return StatusCode(HttpStatusCode.NoContent);

}

/// <summary>

/// 部分更新一支股票

/// </summary>

/// <param name="symbol">股票代码</param>

/// <param name="form">需要更新的股票信息</param>

[HttpPatch, Route("{symbol}")]

public IHttpActionResult PartialUpdate(string symbol, PartialForm form)

{

    if (_stocks.All(n => n.Symbol != symbol))

    {

        return NotFound();

    }

    return StatusCode(HttpStatusCode.NoContent);

}

/// <summary>

/// 删除一支股票

/// </summary>

/// <param name="symbol">股票代码</param>

/// <returns>是否删除成功</returns>

[HttpDelete, Route("{symbol}")]

public IHttpActionResult Delete(string symbol)

{

    if (_stocks.All(n => n.Symbol != symbol))

    {

        return NotFound();

    }

    return Ok(true);

}

/// <summary>

/// 这个方法不会显示到帮助页面

/// </summary>

[HttpGet, Route("hide")]

[ApiExplorerSettings(IgnoreApi = true)]

public void NotShow()

{

}

}

Microsoft Help Page

1、在Nuget添加Help Page组件

image.gif

组件添加完后,会自动生成帮助页面,文件存在区域(Areas)中

image.gif

2、注册区域(Areas)

在Global.asax文件中的Application_Start()方法添加以下代码:

AreaRegistration.RegisterAllAreas();

image.gif

浏览生成的帮助页面:http://localhost:xxxx/help

image.gif

Web API的方法列表已经显示出来了,但是方法的描述还是默认的描述。

3、修改配置文件生成位置

右键项目属性,指定输出xml。

image.gif

修改Areas\HelpPage\App_Start\HelpPageConfig.cs中register方法里指定的xml路径为上述指定输出的路径。

image.gif

再查看帮助页面,方法描述已经和代码注释一致。

image.gif

注:这里可根据需要把Area中对应页面的英文词条更新成中文,当然样式也可以调整。

4、添加测试工具

在Nuget添加Test Client组件。

image.gif

在Areas\HelpPage\Views\Help\Api.cshtml添加以下代码:

@Html.DisplayForModel("TestClientDialogs")

@section Scripts {

<link type="text/css" href="~/Areas/HelpPage/HelpPage.css" rel="stylesheet" />

@Html.DisplayForModel("TestClientReferences")

}

image.gif

再次运行Help Page,每个API说明页面的右下角会多一个测试的按钮。

image.gif

4、参考

http://www.asp.net/web-api/overview/getting-started-with-aspnet-web-api/creating-api-help-pages

Swashbuckle Help Page

1、在Nuget添加Swashbuckle组件

image.gif

然后就可以浏览生成的帮助页面:http://localhost:xxxx/swagger

image.gif

Web API的方法列表已经显示出来了,但是方法的描述还没有显示出来。

2、修改配置文件生成位置

右键项目属性,指定输出xml。

image.gif

找到SwaggerConfig.cs

image.gif

把 c.IncludeXmlComments(GetXmlCommentsPath())的注释去掉

image.gif

实现GetXmlCommentsPath()方法,指定xml路径为上述指定输出的路径。

image.gif

再查看帮助页面,方法描述已经和代码注释一致。

image.gif

3、常见异常

用Nuget引用dll的时候,它会在config中添加依赖项信息,但偶尔会没添加,这时会出现Could not load file or assembly 'XXX' or one of its dependencies. The located assembly's manifest definition does not match the assembly reference. (Exception from HRESULT: 0x80131040)异常。

image.gif

此时只要在config中添加对应的依赖项就好

image.gif

4、帮助页面词条及样式调整

如果要修改或编辑Swashbuckle Help Page的样式或词条,需要编辑SwaggerConfig.cs,相对Microsoft Help Page可能要复杂一点(我只改过Microsoft的,没改过Swashbuckle的)。

具体如何修改可参考:https://github.com/domaindrivendev/Swashbuckle

简单总结

Swashbuckle Help Page搭建起来相对会比较简单,但是样式(自带swagger logo)和词条修改会较麻烦一点,因此,比较适合作为内部接口说明几接口调用测试。

Microsoft Help Page搭建起来相对要麻烦一点点,但是样式和词条修改会方便一点,因此,比较适合作为外部接口调用使用文档。

**源码下****载 **https://github.com/ErikXu/WebApi.HelpPage

相关文章

网友评论

    本文标题:创建Web API 帮助文档页面的两种方式

    本文链接:https://www.haomeiwen.com/subject/prrrqftx.html