
Backstage Firebase Functions Plugin
See firebase functions status in Backstage
Created by Roadie
Get SaaS Backstage
Don't want to spend your time installing and upgrading Backstage plugins? Get managed Backstage from Roadie.
Self-hosted Backstage installation steps
In the backstage/packages/app
project add the plugin as a package.json
dependency:
yarn add @roadiehq/backstage-plugin-firebase-functions
Add plugin to the entityPage.tsx
source file:
// packages/app/src/components/catalog/EntityPage.tsx
import {
EntityFirebaseFunctionsContent
} from '@roadiehq/backstage-plugin-firebase-functions';
...
const serviceEntityPage = (
<EntityLayoutWrapper>
...
<EntityLayout.Route
path="/firebase-functions"
title="Firebase Functions">
<EntityFirebaseFunctionsContent />
</EntityLayout.Route>
...
</EntityLayoutWrapper>
);
Add widget to the entityPage.tsx
source file:
// packages/app/src/components/catalog/EntityPage.tsx
import {
isFirebaseFunctionsAvailable,
EntityFirebaseFunctionsCard
} from '@roadiehq/backstage-plugin-firebase-functions';
...
const overviewContent = (
<Grid container spacing={3}>
...
<EntitySwitch>
<EntitySwitch.Case if={isFirebaseFunctionsAvailable}>
<Grid item md={6}>
<EntityFirebaseFunctionsCard />
</Grid>
</EntitySwitch.Case>
</EntitySwitch>
...
</Grid>
);
add annotation to the yaml config file of a component
cloud.google.com/function-ids: projects/project-name/locations/region-name/functions/function-name
Found a mistake? Update these instructions.
How it looks

Become a Backstage expert
To get the latest news, deep dives into Backstage features, and a roundup of recent open-source action, sign up for Roadie's Backstage Weekly. See recent editions.