Chapter 1. Jfrog Artifactory plugin for Backstage

Procedure

1. Run the following command to install the Jfrog Artifactory plugin:

   yarn workspace app add @redhat/backstage-plugin-jfrog-artifactory

2. Set the proxy to the desired Artifactory server in the app-config.yaml file as follows:

   proxy:
       '/jfrog-artifactory/api':
       target: 'http://<hostname>:8082' # or https://<customer>.jfrog.io
       headers:
           # Authorization: 'Bearer <YOUR TOKEN>'
           # Change to "false" in case of using self hosted artifactory instance with a self-signed certificate
       secure: true

3. Enable the JFROG ARTIFACTORY tab on the entity view page in packages/app/src/components/catalog/EntityPage.tsx file as follows:

   /* highlight-add-start */
   import {
       isJfrogArtifactoryAvailable,
       JfrogArtifactoryPage,
   } from "@redhat/backstage-plugin-jfrog-artifactory";
   
   /* highlight-add-end */
   
   const serviceEntityPage = (
       <EntityPageLayout>
           // ...
           {/* highlight-add-start */}
           <EntityLayout.Route
               if={isJfrogArtifactoryAvailable}
               path="/jfrog-artifactory"
               title="Jfrog Artifactory"
           >
               <JfrogArtifactoryPage />
           </EntityLayout.Route>
           {/* highlight-add-end */}
       </EntityPageLayout>
   );

4. Annotate your entity using the following annotations:

   metadata:
       annotations:
           'jfrog-artifactory/image-name': '<IMAGE-NAME>'

Procedure

1. Open your Backstage application and select a component from the Catalog page.

2. Go to the JFROG ARTIFACTORY tab.

   

   The JFROG ARTIFACTORY tab contains a list of container images and related information, such as VERSION, REPOSITORIES, MANIFEST, MODIFIED, and SIZE.