Container Image Registry for JFrog Artifactory

View container image details from JFrog in Backstage.

NPM

Jfrog Artifactory plugin for Backstage

The Jfrog Artifactory plugin displays information about your container images within the Jfrog Artifactory registry.

For administrators​

Installation and configuration​

Procedure​

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

   yarn workspace app add @janus-idp/backstage-plugin-jfrog-artifactory
   

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

   app-config.yaml

   proxy:
     endpoints:
       '/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:

   packages/app/src/components/catalog/EntityPage.tsx

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

4. Annotate your entity with the following annotations:

   catalog-info.yaml

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

For users​

Using the Jfrog Artifactory plugin in Backstage​

Jfrog Artifactory is a front-end plugin that enables you to view the information about the container images that are available in your Jfrog Artifactory registry.

Prerequisites​

• Your Backstage application is installed and running.
• You have installed the Jfrog Artifactory plugin. For installation and configuration steps, see Installation and configuration.

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.