Install and configure Red Hat Developer Hub and explore templating basics

Development teams today face a huge amount of cognitive overload due to the many frameworks, new technologies, and new approaches that make writing software a lot harder than it used to be. 

In this learning path, created by Uth Lawson, you will learn how to install the Red Hat Developer Hub internal developer platform and learn the concepts and skills you need to install your IDP, configure simple GitHub authorization, and explore templating basics.

What we are going to do now is create a template (also known as a Golden Path Template). It is simplistic, but will demonstrate some of the things you can do with templates.

The template itself is at https://github.com/utherp0/janustest1/blob/main/catalogs/templatetest.yaml. It is based on the standard scaffolding templates that come with Backstage. 

This template:

  • Defines a set of input parameters–in this case a name and a git repo to create.
  • Fetches the content of another GitHub repo, which contains a component definition for Developer Hub.
  • Publishes a copy of this repo to the new repo.
  • Instantiates the component (a set of links).

It’s a pithy example but will show the mechanics of an installed and working Developer Hub.

In this lesson, you will:

  • Create a template using an example.

Create the template

To start the process, add a template that users can work with. You can do this from the Red Hat Developer Hub interface:

  1. Click Catalog and then click Create. You will see a dialog that looks like Figure 17.
    The Golden Path Templates screen in Red Hat Developer Hub with no templates available (yet).
    Figure 17: Create a new template by starting from the Golden Path Templates screen.
  2. Click Register Existing Component. You will provide it with the YAML definition for the template actions. 
  3. In the URL field, enter https://github.com/utherp0/janustest1/blob/main/catalogs/templatetest.yaml, which is the raw template YAML to be added. 
  4. Once you have entered the URL, click Analyze. The system will process the YAML and provide a review (Figure 18).
    Register an existing component screen in Red Hat Developer Hub.
    Figure 18: Register an existing component to create a new template.
  5. Select IMPORT. This will map the template into the system so it can be used. The output should look like Figure 19.
    IMPORT output, showing that the specified entities were added to the catalog.
    Figure 19: The results of registering your new template.
  6. We have added what is known as a location (the root source in the Developer Hub system) and a template called rhdhdemo1
  7. Click Catalog and set the Kind filter to Template. You will see the template is installed and ready to use (Figure 20).
    The All templates screen filtered to show the new template.
    Figure 20: Filter the kind of entry in the catalog to see your new template.
  8. Click + Create on the left-hand side of the navigation panel. You will get a choice panel with all of your templates installed. We have a grand total of one available template (Figure 21).
    The Golden Path Templates screen showing the new template.
    Figure 21: Your installed templates show up in the Golden Path Templates screen.

Instantiate the template

Now we can create an instance of this template. It will scaffold a code repository, and instantiate a Catalog item that contains some essential links. Basically, a developer coming in and using this template would get a code repository to work on and some documentation to help.

To instantiate the template in the Red Hat Developer Hub Available Templates screen, click CHOOSE at the bottom right of the individual template.

Developer Hub will process the template as defined, prompting you for additional parameters:

  1. In the Test Scaffold template from Backstage screen, enter what to call the template instance in the Name box. This name will appear in the Catalog once the template has completed. 
  2. The Owner field gives a drop-down of all users in your group. In this case, we have authenticated as a single user so there are none to choose. Leave this one empty .
  3. Click Next Step. We already logged in via GitHub, so the host of the repositories will be shown as GitHub.
  4. Under Owner, enter your GitHub username. 
  5. Under Repository, provide a repository name. The Template will create this repository in GitHub for your user. Since we authenticated with GitHub, Developer Hub has access to the repositories. 
  6. Click NEXT STEP. We have now provided all of the parameters that the template defined that we needed. You will see a Review and Create panel that shows the parameters you provided.
  7. Click Create.

Developer Hub will process the template actions, which will be displayed in order, along with their results. This order is defined by the actions in the template. The template's activity will then be displayed, including any failures. If the template completes successfully, you will see an output similar to Figure 22.

The Task Activity screen showing the successful template run.
Figure 22: The Task Activity screen shows you how the template performed.

At the bottom of the list of ordered tasks, there will be two icons:

  • One icon is for the repository it created. Click on this icon to see the fully populated code repository in your GitHub account. 
  • The other icon is for a direct link to the Catalog item that we created as part of the register phase. 

If you click on the Catalog and make sure the Kind filter is set to Component, you will see a new component the template added called backstagedocs, which links to a set of useful Backstage URLs. 

At this point, the template has walked the developer through entering required parameters, generated a code repository, and created a usable component within the developer’s Internal Developer Portal (IDP). 

Summary

We have walked you through a simplistic example that shows the composite power of the Red Hat Developer Hub for administrators and platform engineers. In upcoming learning paths, we will dive into appropriately setting up the users/groups and controls and give a deeper look into the fantastic developer experience of an Developer Hub end user.

Ready to onboard onto your installed Red Hat Developer Hub instance and run your first application? Proceed to the next learning path: Application development with Red Hat Developer Hub.

Previous resource
Configure GitHub Access to Red Hat Developer Hub
Next resource
Developer Portals: Prepare to Perform with Red Hat Developer Hub