Install the plugin.
cd packages/app
yarn add @backstage/plugin-jenkins
Add the plugin API to your Backstage app.
// packages/app/src/components/catalog/EntityPage.tsx
import { EntityJenkinsContent } from '@backstage/plugin-jenkins';
// add new Jenkins tab to the service component page
const serviceEntityPage = (
<EntityLayout>
...
<EntityLayout.Route path="/jenkins" title="Jenkins">
<EntityJenkinsContent />
</EntityLayout.Route>
...
</EntityLayout>
);
Add proxy configuration to your Backstage app's config. A Jenkins API token is required. See how to get a Jenkins API token below.
// app-config.yaml
proxy:
'/jenkins/api':
target: 'http://localhost:8080'
changeOrigin: true
headers:
Authorization: Basic ${JENKINS_BASIC_AUTH_HEADER}
Add Jenkins plugin annotation to your component's config. ()
// catalog-info.yaml
metadata:
annotations:
# instanceName and github-organization-project-name are optional. The value is a string and should be enclosed in double quotes ""
jenkins.io/job-full-name: "instanceName:github-organization-project-name/job-name"
Found a mistake? Update these instructions.
Don't want to spend your time installing and manually upgrading each Backstage plugin?
How it looks
Things to know
Jenkins plugin features
The Jenkins plugin can pull build information from a GitHub Organization project in Jenkins. Other Jenkins project types like Freestyle project and Pipeline are not supported yet.
The plugin shows a list of the most recent builds in Backstage. This list includes builds from all projects that are available in the GitHub Organization project in Jenkins.
View additional build information by selecting a build from the list.
How to get a Jenkins API token
Your Backstage app’s backend connects to your Jenkins server using the Jenkins API. A Jenkins API token is required. This token can be obtained from a system environment variable (ex. JENKINS_BASIC_AUTH_HEADER) containing a base64 encoded string.
-
Access the settings page of the Jenkins user for which you want to create an API token. For example, for a user named “admin” on a local Jenkins server: http://localhost:8080/user/admin/.
-
Add a new token under the ‘API Token’ section. Copy the token before leaving the page.
-
Construct a base64 encoded basic authorization string using your Jenkins user’s name and the API token. For example, in a Bash shell:
echo -n admin:1147f3bd451f3c48b8f21fd3aba13e58eb | base64
-
Save the base64 encoded string to an environment variable named
JENKINS_BASIC_AUTH_HEADER
. This variable can be used in the Jenkins proxy configuration in your Backstage app’sapp-config.yaml
.
Setting up a local Jenkins environment
If you want to try out this plugin but you don’t have a Jenkins server to test it with, you can quickly setup a local Jenkins server with docker. See the instructions available in the official Jenkins Docker GitHub repo.
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.