Backstage APIs with 3scale Plugin

yarn workspace backend add @backstage-community/plugin-3scale-backend

catalog:
  providers:
    threeScaleApiEntity:
      dev:
        baseUrl: https://<TENANT>-admin.3scale.net
        accessToken: <ACCESS_TOKEN>
        systemLabel: 3scale
        ownerLabel: 3scale
        schedule:
          frequency: { minutes: 30 }
          timeout: { minutes: 3 }

// packages/backend/src/index.ts
import { createBackend } from '@backstage/backend-defaults';

const backend = createBackend();

// Registers the 3scale provider module with the backend
backend.add(import('@backstage-community/plugin-3scale-backend'));

backend.start();

// packages/backend/src/plugins/catalog.ts
import { CatalogBuilder } from '@backstage/plugin-catalog-backend';
import { PluginEnvironment } from '../types';
import { Router } from 'express';
import { ThreeScaleApiEntityProvider } from '@backstage-community/plugin-3scale-backend';

export default async function createPlugin(env: PluginEnvironment): Promise<Router> {
  const builder = await CatalogBuilder.create(env);

  // Reads providers from app config and wires them to the catalog
  // Use the same provider key that you set in app-config.yaml such as dev
  builder.addEntityProvider(
    ThreeScaleApiEntityProvider.fromConfig(env.config, {
      logger: env.logger,
      scheduler: env.scheduler,
      providerId: 'dev',
    }),
  );

  const { processingEngine, router } = await builder.build();
  await processingEngine.start();
  return router;
}

// packages/app/src/App.tsx
import React from 'react';
import { Route } from 'react-router';
import { FlatRoutes } from '@backstage/core-app-api';
import { ApiExplorerPage } from '@backstage/plugin-api-docs';
// other imports

export const App = () => (
  <FlatRoutes>
    {/* other routes */}
    <Route path="/api-docs" element={<ApiExplorerPage />} />
  </FlatRoutes>
);