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

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

 

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

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

    • 对接第三方开放平台文档的时候,左手刷着接口文档看API,右手操作着接口调试工具 🧱
    • 写完接口想交付或提供API文档给第三方使用,又觉得文档展示体验一般?很鸡肋?

    前言

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

    image.gif编辑

    以信息展示为主接口文档 - 企业微信

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

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

    image.gif编辑

    微信开放平台调试工具

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

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

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

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

    Apifox会是你最满意的选择

    官网地址:apifox.cn

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

    image.gif编辑

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

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

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

    正在上传…重新上传取消正在上传…重新上传取消

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

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

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

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

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

    Apifox发布API文档

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

    image.gif编辑

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

    image.gif编辑

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

    image.gif编辑

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

    image.gif编辑

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

    image.gif编辑

    可以的,Apifox 目前提供的文档自定义的区域有

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

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

      image.gif编辑

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

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

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

        image.gif编辑

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

          image.gif编辑

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

          image.gif编辑

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

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

            分享给朋友倍有面子!

            官方地址:apifox.cn

            最后

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

            image.gif编辑

            相关文章
            |
            2月前
            |
            人工智能 安全 架构师
            告别旅行规划的"需求文档地狱"!这个AI提示词库,让你像调API一样定制完美旅程
            作为开发者,旅行规划如同“需求地狱”:信息碎片、需求多变、缺乏测试。本文提出一套“企业级”AI提示词库,将模糊需求转化为结构化“API请求”,实现标准化输入输出,让AI成为你的专属旅行架构师,30分钟生成专业定制方案,提升决策质量,降低90%时间成本。
            450 129
            |
            26天前
            |
            JSON API 数据格式
            小红书API接口文档:笔记详情数据开发手册
            小红书笔记详情API可获取指定笔记的标题、正文、互动数据及多媒体资源,支持字段筛选与评论加载。通过note_id和access_token发起GET/POST请求,配合签名验证,广泛用于内容分析与营销优化。
            阿里云短信服务文档与实际API不符
            阿里云短信服务文档与实际API不符
            |
            8月前
            |
            前端开发 Cloud Native Java
            Java||Springboot读取本地目录的文件和文件结构,读取服务器文档目录数据供前端渲染的API实现
            博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
            Java||Springboot读取本地目录的文件和文件结构,读取服务器文档目录数据供前端渲染的API实现
            |
            Java API 开发者
            在Spring Boot中集成Swagger API文档
            在Spring Boot中集成Swagger API文档
            |
            10月前
            |
            开发框架 数据可视化 .NET
            .NET 中管理 Web API 文档的两种方式
            .NET 中管理 Web API 文档的两种方式
            176 14
            |
            10月前
            |
            API 开发者
            通义灵码 API 开发文档自动生成场景DEMO
            通义灵码API开发文档自动生成场景DEMO展示了通过自定义指令,大模型能快速根据类代码生成Markdown格式的API文档。文档详细描述API的入参、出参,并可生成测试代码等示例,帮助开发者快速创建美观的API文档。
            542 1
            |
            12月前
            |
            JSON 前端开发 API
            后端开发中的API设计与文档编写指南####
            本文探讨了后端开发中API设计的重要性,并详细阐述了如何编写高效、可维护的API接口。通过实际案例分析,文章强调了清晰的API设计对于前后端分离项目的关键作用,以及良好的文档习惯如何促进团队协作和提升开发效率。 ####
            |
            Java API 数据中心
            百炼平台Java 集成API上传文档到数据中心并添加索引
            本文主要演示阿里云百炼产品,如何通过API实现数据中心文档的上传和索引的添加。
            894 4
            |
            安全 Java API
            Nest.js 实战 (三):使用 Swagger 优雅地生成 API 文档
            这篇文章介绍了Swagger,它是一组开源工具,围绕OpenAPI规范帮助设计、构建、记录和使用RESTAPI。文章主要讨论了Swagger的主要工具,包括SwaggerEditor、SwaggerUI、SwaggerCodegen等。然后介绍了如何在Nest框架中集成Swagger,展示了安装依赖、定义DTO和控制器等步骤,以及如何使用Swagger装饰器。文章最后总结说,集成Swagger文档可以自动生成和维护API文档,规范API标准化和一致性,但会增加开发者工作量,需要保持注释和装饰器的准确性。
            488 0
            Nest.js 实战 (三):使用 Swagger 优雅地生成 API 文档