TP5.1(TP系列都可以使用)继承swagger文档注释

写在前面:可能会遇到php的版本不支持,我这里使用的是php7.1。

swagger是什么

相信无论是前端还是后端开发,都或多或少地被接口文档折磨过。前端经常抱怨后端给的接口文档与实际情况不一致。后端又觉得编写及维护接口文档会耗费不少精力,经常来不及更新。其实无论是前端调用后端,还是后端调用后端,都期望有一个好的接口文档。但是这个接口文档对于程序员来说,就跟注释一样,经常会抱怨别人写的代码没有写注释,然而自己写起代码起来,最讨厌的,也是写注释。所以仅仅只通过强制来规范大家是不够的,随着时间推移,版本迭代,接口文档往往很容易就跟不上代码了。

发现了痛点就要去找解决方案。解决方案用的人多了,就成了标准的规范,这就是Swagger的由来。通过这套规范,你只需要按照它的规范去定义接口及接口相关的信息。再通过Swagger衍生出来的一系列项目和工具,就可以做到生成各种格式的接口文档,生成多种语言的客户端和服务端的代码,以及在线接口调试页面等等。这样,如果按照新的开发模式,在开发新版本或者迭代版本的时候,只需要更新Swagger描述文件,就可以自动生成接口文档和客户端服务端代码,做到调用端代码、服务端代码以及接口文档的一致性。

但即便如此,对于许多开发来说,编写这个yml或json格式的描述文件,本身也是有一定负担的工作,特别是在后面持续迭代开发的时候,往往会忽略更新这个描述文件,直接更改代码。久而久之,这个描述文件也和实际项目渐行渐远,基于该描述文件生成的接口文档也失去了参考意义。所以作为Java届服务端的大一统框架Spring,迅速将Swagger规范纳入自身的标准,建立了Spring-swagger项目,后面改成了现在的Springfox。通过在项目中引入Springfox,可以扫描相关的代码,生成该描述文件,进而生成与代码一致的接口文档和客户端代码。这种通过代码生成接口文档的形式,在后面需求持续迭代的项目中,显得尤为重要和高效。

安装

首先进入您的项目,然后运行下面的命令会自动在项目中获取到3.0的swagger

composer require zircote/swagger-php:*

会自动在项目的verdor中生成下面这个文件
在这里插入图片描述
到这里就已经安装成功了。

现在来配置生成swagger.json的function,这个json文件就是我们的注释文件生成的,我们通过访问某个页面就可以看到具体的效果了

现在开始~

在你的class前面加入这样的一个代码

/**
 * @OA\Info(
 *     title="Auth API",
 *     version="1.0"
 * )
 */
 #这个是申明文档的标题及版本,注意:代码中只用加一个这个就可以了

在你的function中加入这样的一个代码

public function create_swagger()
    {
        $path              = APP_PATH; //申明生成文档的路径
        $swagger           = \OpenApi\scan($path); //初始化swagger生成函数
        $swagger_json_path = 'swagger.json'; //swagger的存放路径,可以填相对地址
        $res = file_put_contents($swagger_json_path, $swagger->toJson()); //调用写入json的方法
        //var_dump($res);
    }

至此你的swagger生成的方法就已经完成了。现在需要写注释文档用于去生成swagger文件

在你要生成文档的前面加入这样的一个注释,具体的可以看官方文档

/**
     * @OA\Get(
     *     path="/api/api/getBanner", //当前方法的相对路径(简单来说就是通过url可以访问的路径)
     *     tags={"index"},
     *     summary="获取轮播图",
     *     description="获取轮播图",
     *     operationId="waiting",
     *     @OA\Response(
     *         response="default",
     *         description="201"
     *     ),
     *     @OA\RequestBody(
     *         description="请求的东西",
     *     )
     * )
     */

现在你已经生成了一个注释的json文件,那我们怎么看到这个接口文档呢

首先下载swagger-ui,下方是下载地址,下载下来的东西很多,但是整体来说有用的只有dist这个文件夹里面的东西,如果你在下个项目想用只需要将这个文件夹拷贝过去

下载地址:https://github.com/swagger-api/swagger-ui/

将dist放在你的public文件中,可以随便改个名字,就像下面这样的

在这里插入图片描述
现在找到上图中的index.html,修改一下swagger.json的路径

<script>
    window.onload = function() {
      // Begin Swagger UI call region
      const ui = SwaggerUIBundle({
        url: "../swagger.json", //将这个url修改为你的swagger.json所在的位置,可以填相对路径
        dom_id: '#swagger-ui',
        deepLinking: true,
        presets: [
          SwaggerUIBundle.presets.apis,
          SwaggerUIStandalonePreset
        ],
        plugins: [
          SwaggerUIBundle.plugins.DownloadUrl
        ],
        layout: "StandaloneLayout"
      })
      // End Swagger UI call region

      window.ui = ui
    }
  </script>

现在可以通过访问function生成你的json文件了,我一般习惯在开发环境用定时任务去生成。

生成:url/api/cron/create_swagger
查看文档:url/swagger-ui

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值