How Can I Get the Information for My ArgoCD Application to Show Up in a Backstage Component?

327 views Asked by At

The problem:

The information for my ArgoCD application is supposed to be showing up on the Overview page for a Backstage component similar to the following image:

The information for the ArgoCD application is in the upper right hand corner

However, I am getting an error message on the Overview page instead:

Error message

A bit of background on what I've done so far and what I think some potential sources of my error are:

I have successfully set up ArgoCD on my terminal and created an ArgoCD application through the UI. It shows up as the following on the UI:

My ArgoCD application

I am currently integrating ArgoCD with Backstage using this online documentation article: https://roadie.io/backstage/plugins/argo-cd/#installation-steps. I have followed all the steps under the 'Self-hosted Backstage' tab under the 'Installation Steps' heading.

One step of the instructions is to update the 'app-config.yaml' file in my local Backstage codebase by replacing the 'target' value with a URL containing the address to my ArgoCD instance. The value I currently have for 'target' is 'https://localhost:8080/api/v1/applications/guestbook'. When I enter this URL into another tab, it seems to take me to a page with all the information for my ArgoCD application, which I believe is what I want. However, I am not totally sure if this URL is correct and this could be the source of the error I'm getting.

Another step of the instructions is to add an annotation to the catalog-info.yaml file in a GitHub repository (one of the ways to create a new Backstage component involves pasting a link to a GitHub repository with a catalog-info.yaml file). I created a GitHub repository with a catalog-info.yaml file and created a new Backstage component using the link to my repository. However, I am not totally sure if the contents of my catalog-info.yaml file are correct or lacking in information. This is what my catalog-info.yaml file looks like:

catalog-info.yaml

Update:

Note: I have already generated an authentication token and placed the value for it in a .env file. The 'ARGOCD_AUTH_TOKEN' field refers to the field in the .env file that contains the value for the actual token.

This is what the ArgoCD section of my app-config.yaml file looks like:

app-config.yaml

0

There are 0 answers