5分钟打造好用好看API文档

liam
• 阅读 304

5分钟打造好用好看API文档

🤔️ 你是否遇到过这样的场景?

  • 对接第三方开放平台文档的时候,左手刷着接口文档看API,右手操作着接口调试工具 🧱

  • 写完接口想交付或提供API文档给第三方使用,又觉得文档展示体验一般?很鸡肋?

前言

早期第三方开放平台的开放接口文档,主要以信息展示为主,基本信息包括请求方式、参数说明、返回结果等等。这里以企业微信开发者中心文档为例 👇

5分钟打造好用好看API文档

而在很长一段时间,为了调试开放接口,我们是不是也是经常习惯左边对着接口文档,右边打开Postman调试。

而在上周微信开放平台上线了调试工具,将文档与在线调试一体化融合。从某种意义上打破了原有单一的信息展示为主的局面

5分钟打造好用好看API文档

而这样带来的好处就是通过接口文档即可一键抵达调试工具台

🤔️ 那如果其他的开放平台都支持在线调试,是不是效率就提升了一个level?

通过上文我们看到微信实际上提供了一个调试工具赋能原有的接口文档

但是其他平台,如果想省时省力也开发一套具备在线调试的接口文档体系

Apifox会是你最满意的选择

官网地址:apifox.cn

Apifox在接口文档中集成了调试功能代码在线生成等等 👇

5分钟打造好用好看API文档

上图是接口管理Saas服务商Apifox推出的Apihub(开放 API 共享平台)其中企业微信的开放文档。

通过文档在线调试,进一步提升开发者对接开放平台API的效率。

该平台目前已经聚合了大部分主流第三方开放API

5分钟打造好用好看API文档

换句话说通过Apifox赋能开放API文档都是具备在线调试、代码生成 。包括一下特征

支持在线调试:点击请求,实时显示调试结果,返回信息一目了然

自动生成代码片段:支持自动生成代码片段,省时省力更高效

🤔️ 那作为个人开放者,是否可以通过Apifox发布这样好看好用的API文档?

可以的,5分钟教你搞定!

Apifox发布API文档

首先我们在Apifox软件的在线分享Tab中找到新建分享按钮

5分钟打造好用好看API文档

然后在新建分享的弹窗中选择分享属性(文档语言、访问密码、环境选择、分享范围等等)这里以宠物商店Demo为例

5分钟打造好用好看API文档

保存成功后将鼠标移动到分享列表中的刚刚创建的分享中,点击界面中出现的打开链接 👇

5分钟打造好用好看API文档

打开Apifox生成接口文档呈现如下,同样也可以支持在线调试!

5分钟打造好用好看API文档

🤔️ 那可以在生成的接口文档在进一步自定义“装饰”下不?

5分钟打造好用好看API文档 可以的,Apifox 目前提供的文档自定义的区域有

  • 顶部导航菜单
  • 顶部导航右侧功能区
  • 文档内容底部Banner区

可以在发布文档栏目下进行定义

5分钟打造好用好看API文档

后续在官网文档也有提及,将会有更多开放区域供我们DIY!

不仅如此,你还可以自定义域名。目前通过Apifox发布的文档使用 xxx.apifox.cn 格式的URL,但是你可以将你的域名直接指向你发布的文档 👇

  • 1.在发布文档 > 发布设置 面板中设置自己自定义的域名

5分钟打造好用好看API文档

  • 2.添加Apifox的CNAME到你域名厂商的配置中心

5分钟打造好用好看API文档

最后发布通过你自定义的接口文档,也可以申请发布到上文提到的API Hub

5分钟打造好用好看API文档

完成上述操作,你将会收获一个好用好看API文档

  • API文档是支持在线调试的
  • 域名是你自定义的
  • 文档自定义区域是你DIY的

分享给朋友倍有面子!

官方地址:apifox.cn

最后

API文档功能只是Apifox强大功能中冰上一角,还提供了API调试API MockAPI自动化测试等功能

5分钟打造好用好看API文档

点赞
收藏
评论区
推荐文章
liam liam
1年前
这个API Hub厉害了,收录了钉钉企业微信等开放Api,还能直接调试!
01此前时不时会有一些研发小伙伴和我诉苦,说很多企业由于人力财力限制或者需求不强,会直接购买使用第三方的开放API,这样一来,一则由于开放项目不是量身定制的,寻找自己合适的接口也要搜索调研蛮多时间。二则这种合作方式下API提供者通常只会提供调用权限和一份接口文档,研发童鞋调试的时候只能手动一个个把接口数据复制到调试工具,费时费力。综合上述两大痛点,我给
liam liam
1年前
为什么越来越多的开发者放弃使用Postman,而选择Apifox
一、API调试常用解决方案1、PostmanSwaggerMockJMeter作为一个后端开发,我做的大部分项目一般都是基于Swagger来管理API文档,基于Postman来做接口调试,基于JMeter来做接口性能测试,基于RAP等工具MockAPI数据。\2、存在的问题(1)多系统数据不互通API设计者、前
API 小达人 API 小达人
6个月前
【遥遥领先】Eolink IDEA 插件:零代码入侵,自动生成接口
对于开发同学来说,无论是新增还是修改接口文档,都需要在开发工具和接口管理工具上同步最新的数据。而且接口文档变更内容会比较琐碎和频繁。那么是否有更轻便的同步接口数据方式呢?我们提供了一个高效方案:在开发工具上基于接口代码片段,一键生成API文档,支持在开发工具中调试,并可一键上传至EolinkApikit的代码仓库中。这样不仅可以减少界面的操作和系统间的切换,还可以在开发工具上完成琐碎和频繁的接口文档更新,是当前CODETOAPI的最佳实践。
如何批量获取拼多多商品详情数据?
批量获取拼多多商品详情数据可以采用以下方式:使用拼多多开放平台API接口。拼多多开放平台提供了API接口,可以通过API接口获取拼多多平台上的商品信息,使用API接口需要进行权限申请和认证,操作较为复杂。使用第三方工具。市面上有许多第三方工具可以实现拼多多
API 小达人 API 小达人
6个月前
【前端小技巧】如何使用 Eolink Apilkit 调用 Mock
在开发过程中,进度比较赶的情况下,前端人员当页面写完时,后台的接口还没写完,等要交付的时候后端才把接口给你,这个时候就很尴尬。这个时候Mock就可以很好的解决这个问题,前端团队可以在API还没开发完成的情况下,借助MockAPI实现预对接,加速开发进程。测试团队可以通过MockAPI解决不必要的系统,完成集成测试。EolinkApikit为前端工程师提供API文档管理,快速接口测试,以及MockAPI创建与调用,及查看文档变更历史的能力。有助于前端工程师快速查看API文档详情与历史记录,快速生成和使用MockAPI提前进行页面效果验证。
API 小达人 API 小达人
5个月前
「实用技巧」后端如何使用 Eolink Apikit 快速调试接口?
程序员最讨厌的两件事:1.写文档;别人不写文档。写文档、维护文档比较麻烦,而且费时,还会经常出现API更新了,但文档还是旧的,各种同步不一致的情况,从而耽搁彼此的时间,大多数开发人员不愿意写API文档。EolinkApikit为后端工程师提供API文档的创建与自动化生成、快速接口调试、以及API文档版本管理功能,协助后端工程师快速编写文档,调试接口,以及支持版本控制恢复历史记录。通过一套系统、一份数据,解决多个系统之间的数据同步问题。只要定义好接口文档,接口调试、数据Mock、接口测试就可以直接使用,无需再次定义。接口文档和接口开发调试使用同一个工具,接口调试完成后即可保证和接口文档定义完全一致。高效、及时、准确!
liam liam
5个月前
掌握 Swagger enum 的最佳实践指南
enum是规范中用来定义枚举类型的一种方式。它允许开发者在API文档中明确列出该接口的参数、返回值或请求体中可接受的枚举值。通过使用Swaggerenum,开发者可以更清晰地描述API的输入和输出,提高API文档的可读性和可维护性。enum使用场景在以下情
API 小达人 API 小达人
4个月前
Eolink Apikit 快速发起 API 测试,一键生成测试数据
我们在测试接口时,通常需要先创建API文档,再根据API文档生成测试用例。未创建该接口文档,仅临时调试接口,EolinkApikit支持创建API快速测试页面,输入接口相关的信息即可进行快速测试。EolinkApikit支持操作数据库,API测试时,可以一键生成测试请求数据。这可以减少数据输入步骤,提高调试接口效率。
小万哥 小万哥
3个月前
API 参考与帮助内容:一站式开发与使用者支援
API文档API文档是旨在了解API详细信息的综合指南。通常,它们包括端点、请求示例、响应类别和示例以及错误代码等信息。API文档可帮助开发人员了解API端点的具体细节,并了解如何将API成功集成到他们的软件中。文档生成工具API文档生成工具是直接从源代码
API 小达人 API 小达人
2个月前
国投证券如何引领金融行业的 API 治理创新?
在开发、对接阶段,因为API资产统一托管在平台上,因此可以通过API文档快速生成MockAPI,前端开发人员只需要通过MockAPI就可以快速对接后端接口,将前后端开发工作解耦,提高工作效率。在测试阶段,测试人员可以基于API文档快速创建单元测试用例,API文档和测试用例之间自动形成绑定关系。当API发生变更的时候,平台可以将数据同步到测试用例,并且可以与CI/CD流程结合,实现单元测试用例的自动化回归测试工作,并且将测试报告推送给相应邮箱。