node.js - LoopBack 4 - 在 API 资源管理器中添加 'Authorize' 按钮

Question

我是 LoopBack v4 的新手，我正在尝试为每个请求发送授权 key 。我以前用过Swagger，我以前是在点击右边的“Authorize”按钮后添加api key。为了避免由于我的经验不足而导致的错误，我从一个新的“待办事项列表”示例应用程序开始。我尝试(但没有成功)遵循这篇文章的建议:Nodejs Loopback 4 add bearer token config into swagger explorer

我所做的是使用以下代码修改文件 src/index.ts:

export async function main(options: ApplicationConfig = {}) {
  const spec: OpenApiSpec = {
    openapi: '3.0.0',
    info: {
      title: 'LoopBack Application v2',
      version: '1.0.2',
    },
    paths: {
    },
    securityDefinitions: [
      {
        api_key: [
          {
            type: 'apiKey',
            name: 'api_key',
            in: 'header'
          }
        ]
      },
    ],
  };

  const app = new TodoListApplication(options);
  app.api(spec);

  await app.boot();
  await app.start();

  const url = app.restServer.url;
  console.log(`Server is running at ${url}`);
  return app;
}

基本上，我添加了这一行:app.api(spec); 和配置 securityDefinitions。 spec 常量更改了 title 和 version，但我仍然看不到“授权”按钮。当然，我遗漏了什么或做错了什么。

感谢任何帮助!谢谢!

Answer 1

最后，我添加了“授权”按钮并在 header 中发送了 api_key，配置如下:

  const spec: OpenApiSpec = {
    openapi: '3.0.0',
    info: {
      title: 'LoopBack Application v2',
      version: '1.0.2',
    },
    paths: {},
    security: [
      {
        api_key: ['api_key'],
      },
    ],
    components: {
        securitySchemes: {
          api_key: {
            type: 'apiKey',
            name: 'api_key',
            in: 'header'
          }
        }
    },
  };