在express nodejs中显示原始html代码的swagger ui

Swagger UI是一个开源工具，用于可视化和交互式地展示RESTful API的文档。它提供了一个用户友好的界面，可以浏览API的不同端点、参数、请求和响应，并且支持在界面上直接进行API调用。

在Express Node.js中显示原始HTML代码的Swagger UI可以通过以下步骤实现：

1. 首先，安装Swagger UI的npm包。在终端中运行以下命令：

npm install swagger-ui-express

1. 在Express应用程序的入口文件中，引入所需的模块：

const express = require('express');
const swaggerUi = require('swagger-ui-express');
const YAML = require('yamljs');

1. 加载Swagger文档的YAML或JSON文件。在项目根目录下创建一个名为swagger.yaml或swagger.json的文件，并编写API文档的定义。例如，swagger.yaml文件内容如下：

openapi: 3.0.0
info:
  title: My API
  version: 1.0.0
paths:
  /users:
    get:
      summary: Get all users
      responses:
        '200':
          description: OK

1. 在Express应用程序中，使用swagger-ui-express中间件来设置Swagger UI的路由和配置：

const app = express();
const swaggerDocument = YAML.load('./swagger.yaml');

app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocument));

1. 启动Express应用程序，并访问http://localhost:3000/api-docs，即可在Swagger UI中查看API文档。

这样，通过访问Swagger UI的路由，你可以在浏览器中展示原始HTML代码的Swagger UI，并且可以与API进行交互。

腾讯云相关产品中，可以使用腾讯云API网关（API Gateway）来管理和部署API，并且可以与Swagger UI集成。API网关提供了丰富的功能，如请求转发、鉴权、限流、监控等，可以帮助开发者更好地管理和保护API。你可以在腾讯云API网关的官方文档中了解更多信息：腾讯云API网关。