是否有一个工具可以从OpenAPI规范中生成React UI？

Question

我想生成一个“开箱即用，面对客户”（在理性！）中，从OpenAPI规范中进行UI - 这是我的Nice-to-to-to-Haves购物清单：

• 显示具有某种类型的API实体列表层次结构相关的
• 单击实体的层次结构将显示 paged ， sortable ， forterable crifable grid for该实体
• 基本UI用于添加/编辑新实体配有每个实体属性的类型编辑器/验证
• ，允许进行样式/逻辑自定义，而我仍然允许重新生成UI，

我知道Swagger UI项目，甚至 react版本，但它会生成“ nofollow noreferrer”>以技术为中心的输出这对于尝试API非常有用，但就面向客户的应用程序而言，我在这里的追求不是很重要 - 也许可以自定义，或者有人知道替代方案？

Answer 1

据我所知，除了您还有另一个可靠的选项，即 stoplight-elements ：

import React from 'react';

import { API } from '@stoplight/elements';
import '@stoplight/elements/styles.min.css';


function App() {
  return (
    <div className="App">
      <API
        apiDescriptionUrl="https://raw.githubusercontent.com/stoplightio/Public-APIs/master/reference/zoom/openapi.yaml"
      />
    </div>
  );
}

export default App;

这是一个很好的解决方案（我们目前在其中一个项目中使用它）使用JSON字符串渲染OAS文件。它目前适用于React和NextJS应用程序，为了自定义，您可以根据需要将主CSS导入编辑。