LoopBack 4 - 在 API 资源管理器中添加“授权”按钮

Question

我是 LoopBack v4 的新手，我正在尝试为每个请求发送一个授权密钥。之前用过Swagger，在点击右侧的“授权”按钮后，我曾经添加了api密钥。为了避免由于我的经验不足而出错，我从“待办事项列表”示例的新应用程序开始。我尝试（但没有成功）遵循这篇文章的建议：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);和 config securityDefinitions。在spec不断变化的title和version，但我仍然无法看到“授权”按钮。当然，我错过了什么或做错了什么。

任何帮助表示赞赏！谢谢！

Answer 1

最后，我添加了“授权”按钮并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'
          }
        }
    },
  };