资讯专栏INFORMATION COLUMN

终于不用再苦逼地写文档了!教你如何生成可调试的API文档

SegmentFault / 2704人阅读

摘要:本文写的是什么平时总要写文档。所以,我所希望的事,就是在完成代码后,可以费很少的力气,就生成一个像上文中所说的可调试文档。我们接下来要做两件事生成文档文档是可调试的文档。一句话流程点击生成按钮,生成类的文档。

本文写的是什么?

平时总要写文档。不写,代码无法维护,所以不得不写。但是写文档费时费力,更可怕的是写完了读起来还很费劲,束之高阁,总感觉时间浪费掉了,真是苦不堪言

一直以来深受“写文档”的折磨,偶然看到一篇神文,接着在网上又查了自动化工具DSL的理论,这才茅塞顿开!虽然大部分都没看懂,但要想做到轻松写出好文档,足矣!

现在就来说说我是怎么办到的吧!

要做什么?

我们的最终目的,是写出文档。所以,首先我们要确定:什么是好文档

好文档就如下图所示:

上面的文档好在哪
首先,它是文档,让你知道它的功能,参数,一目了然;
其次,它是程序,你输入参数就能马上看到结果。

所以,我所希望的事,就是在完成代码后,可以费很少的力气,就生成一个像上文中所说的可调试文档。

我们接下来要做两件事:
1、生成文档;
2、文档是可调试的文档。

怎么做?

现在要开始做了,总感觉有些无从下手,那就先从最具体的事情——目前唯一能看得见的可调试API开始分析吧。

我们最终要做出的可调试API是什么样的呢?

参考之前的效果图,简化一些来说,就是下面这个样子:

纯文字显示类名,方法,功能解释,输入参数;
有一个执行按钮;
有一个区域显示执行结果。

在这个界面中,有哪些是变量呢?

类名

列表项目

方法名

功能说明

参数数量

参数名

执行结果

其中:一个API对应着一个类名,一个方法名,一个功能说明,多个参数名,执行结果是执行后生成的。

模型分析

根据以上结果,我就可以将这个API抽象出一个模型类了:

一个API包含属性:类名,类文件所在路径,方法名,功能说明以及该方法所需要输入的参数。

而一个参数又包含属性:参数名及参数说明。

事件流

接下来分析一下整个事务流程。

一句话流程:
点击“生成”按钮,生成类的HTML文档。
这就是我们要做的事情,但是说得很不清楚。我们要生成某个类的某个方法对应的HTML文档,但是一句话没有说清。

现在我们要解释清楚,于是把它拓展开来,变成一段话
配置文件中已指定好待生成文档的类及其方法了,点击“生成按钮”, 读取该配置文件,再依次生成文档。
我们接下去就这样继续拓展下去,直到把所有步骤都搞清楚。

最终设计

整个系统一共有三类页面:
功能页:只有一个生成API的按钮;

类清单页:将类及其方法列出来,点击后跳转至API页面。

API页:列出方法说明,可以输入参数并执行该方法,可查看其执行结果。

三类页面中,第二类类清单页没有什么功能,只涉及到页面跳转,所以只用html实现就行了。
至于功能页和API页都采用MVC模式进行设计。

功能页

MVC结构
Model:API;
View:make_api_template.php;
Controller:create_api.php

MVC调用流程
用户在View层点击“生成”按钮后,触发Controller;
Controller中指定了需要生成API的类,并调用这些类中的静态方法make_api生成了Model;
Controller利用这些Model生成文档

API页

MVC结构
Model:js代码,目前还未形成独立的model;
View:生成的html页;
Controller:index.php

MVC调用流程
用户在View层输入某方法的参数,点击“执行”按钮后触发Controller;
Controller根据View页传来的参数,执行方法,得到结果后返回给View;
View接收到结果并将其显示出来

结语

我实现的版本是CohenBible

类似的工具有很多,prmd,swagger editor, apidocjs,都很好用。
写这篇文章不是鼓励大家重复造轮子,但是自己实现过一遍,会有不一样的收获。

我为什么会想到重复造轮子呢?
其实最大的原因就是:真的不太会用上面的几个工具,只好自己实现,把整个生成文档的流程走了一遍。结果,回过头再来看上面的工具,竟然拿来就能用了!如果是按官方的教程走,不知道还要花多少时间,哈哈:)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/21148.html

相关文章

  • API 教你如何生成可调试的API文档

    摘要:本文写的是什么平时总要写文档。所以,我所希望的事,就是在完成代码后,可以费很少的力气,就生成一个像上文中所说的可调试文档。我们接下来要做两件事生成文档文档是可调试的文档。一句话流程点击生成按钮,生成类的文档。 本文写的是什么? 平时总要写文档。不写,代码无法维护,所以不得不写。但是写文档费时费力,更可怕的是写完了读起来还很费劲,束之高阁,总感觉时间浪费掉了,真是苦不堪言。 一直以来深受...

    KaltZK 评论0 收藏0
  • 开发测试时给 Kafka 发消息的 UI 发送器——Mikasa

    摘要:目前来说外面的拓扑的是从中流入数据的。但是我们要给发送测试数据的时候,就需要跑到的测试服务器打开它的一个发送脚本进去发送,非常蛋疼要么就是直接通过特定的发送业务逻辑代码测试,没有一个稍微泛一点的测试用发数据工具,于是诞生了。 起 (灬ºωº灬)   说来话长,自从入了花瓣,整个人就掉进连环坑了。   后端元数据采集是用 Storm 来走拓扑流程的,又因为 @Zola 不是很喜欢 J...

    raoyi 评论0 收藏0
  • 初窥基于 react-art 库的 React Native SVG

    摘要:语法更近似于移动端。当参数为两个时,等同于,绘制光滑二次贝塞尔曲线。有些精通的同学这时候可能就要问我了,不对啊,二次贝塞尔曲线和光滑三次贝塞尔曲线的参数都是个,你这里没有光滑三次啊因为开发的同学留坑没写了呀微笑。和则是用于指定旋转的原点。 技术背景 在移动应用的开发过程中,绘制基本的二维图形或动画是必不可少的。然而,考虑到Android和iOS均有一套各自的API方案,因此采用一种更普...

    xiaowugui666 评论0 收藏0
  • CentOS+Nginx+https+flask+域名备案

    摘要:记录日期为年月日阿里云域名购买及备案在阿里云购买域名和服务器以后,先进行服务器备案,生成备案号,然后进行实名采集认证等操作,全部结束以后,才可以进行域名备案申请。提交资料需要用阿里云手机提交,一个工作日左右会有人员和你联系,确认信息。 这篇文章内容比较杂,但是这次我准备多写些干货,自己备查,也方便别人参考。记录日期为2019年06月21日 阿里云域名购买及备案 在阿里云购买域名和服务器...

    yy13818512006 评论0 收藏0
  • CentOS+Nginx+https+flask+域名备案

    摘要:记录日期为年月日阿里云域名购买及备案在阿里云购买域名和服务器以后,先进行服务器备案,生成备案号,然后进行实名采集认证等操作,全部结束以后,才可以进行域名备案申请。提交资料需要用阿里云手机提交,一个工作日左右会有人员和你联系,确认信息。 这篇文章内容比较杂,但是这次我准备多写些干货,自己备查,也方便别人参考。记录日期为2019年06月21日 阿里云域名购买及备案 在阿里云购买域名和服务器...

    geekzhou 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<