Rancher Extensions

Extensions allow users, developers, partners, and customers to extend and enhance the Rancher UI. In addition, users can make changes and create enhancements to their UI functionality independent of Rancher releases. Extensions will enable users to build on top of Rancher to better tailor it to their respective environments. Note that users will also have the ability to update to new versions as well as roll back to a previous version.

Extensions are Helm charts that can only be installed once into a cluster; therefore, these charts have been simplified and separated from the general Helm charts listed under Apps.

Examples of built-in Rancher extensions are Fleet, Explorer, and Harvester. Examples of other extensions that use the Extensions API that can be manually added are Kubewarden and Elemental.

Prerequisites

You must log in as an admin in order to view and interact with the extensions management page.

Installing Extensions

  1. Click ☰ > Extensions under Configuration.

  2. If not already installed in Apps, you must enable the extension operator by clicking the Enable button.

    • Click OK to add the Rancher extension repository if your installation is not air-gapped. Otherwise, uncheck the box to do so and click OK.

    Rancher extension repository

  3. On the Extensions page, click on the Available tab to select which extensions you want to install.

  4. If no extensions are showing as available, you may manually add repos as follows:

    4.1. On the upper right of screen, click on ⋮ > Manage Repositories > Create.

    4.2. Add the desired repo name, making sure to also specify the Git Repo URL and the Git Branch.

    4.3. Click Create in the lower right again to complete.

    Manage repositories

  5. Under the Available tab, click Install on the desired extension and version as in the example below. You can also update your extension from this screen, as the button to Update will appear on the extension if one is available.

    Install Kubewarden

  6. Click the Reload page button that will appear after your extension successfully installs. Note that a logged-in user who has just installed an extension will not see a change to the UI unless they reload the page.

    Reload button

Updating and Upgrading Extensions

  1. Click ☰ > Extensions under Configuration.
  2. Select the Updates tab.
  3. Click Update.

If there is a new version of the extension, there will also be an Update button visible on the associated card for the extension in the Available tab.

Deleting Extensions

  1. Click , then click on the name of your local cluster.
  2. From the sidebar, select Apps > Installed Apps.
  3. Find the name of the chart you want to delete and select the checkbox next to it.
  4. Click Delete.

Deleting Extension Repositories

  1. Click ☰ > Extensions under Configuration.
  2. On the top right, click ⋮ > Manage Repositories.
  3. Find the name of the extension repository you want to delete. Select the checkbox next to the repository name, then click Delete.

Deleting Extension Repository Container Images

  1. Click , then select Extensions, under Configuration.
  2. On the top right, click ⋮ > Manage Extension Catalogs.
  3. Find the name of the container image you want to delete, then click ⋮ > Uninstall.

Uninstalling Extensions

There are two ways to uninstall or disable an extension:

  1. Under the Installed tab, click the Uninstall button on the extension you wish to remove.

    Uninstall extensions

  2. On the extensions management page, click ⋮ > Disable Extension Support. This will disable all installed extensions.

    Disable extensions

Rancher Extensions - 图7caution

You must reload the page after disabling extensions or display issues may occur.

Developing Extensions

To learn how to develop your own extensions, refer to the official Getting Started guide.

Working with Extensions in an Air-gapped Environment

If you intend to work with extensions in an air-gapped environment, you must perform some extra steps before you can complete certain tasks.

Accessing Rancher UI Extensions in an Air-Gapped Environment

Rancher provides some extensions, such as Kubewarden and Elemental, through the ui-plugin-catalog container image at https://hub.docker.com/r/rancher/ui-plugin-catalog/tags. If you’re trying to install these extensions in an air-gapped environment, you must make the ui-plugin-catalog image accessible.

  1. Mirror the ui-plugin-catalog image to a private registry:

    1. export REGISTRY_ENDPOINT=<my-private-registry-endpoint> # e.g. "my-private-registry.com"
    2. docker pull rancher/ui-plugin-catalog:<tag>
    3. docker tag rancher/ui-plugin-catalog:<tag> $REGISTRY_ENDPOINT/rancher/ui-plugin-catalog:<tag>
    4. docker push $REGISTRY_ENDPOINT/rancher/ui-plugin-catalog:<tag>
  2. Use the mirrored image to create a Kubernetes deployment:

    1. apiVersion: apps/v1
    2. kind: Deployment
    3. metadata:
    4. name: ui-plugin-catalog
    5. namespace: cattle-ui-plugin-system
    6. labels:
    7. catalog.cattle.io/ui-extensions-catalog-image: ui-plugin-catalog
    8. spec:
    9. replicas: 1
    10. selector:
    11. matchLabels:
    12. catalog.cattle.io/ui-extensions-catalog-image: ui-plugin-catalog
    13. template:
    14. metadata:
    15. namespace: cattle-ui-plugin-system
    16. labels:
    17. catalog.cattle.io/ui-extensions-catalog-image: ui-plugin-catalog
    18. spec:
    19. containers:
    20. - name: server
    21. image: <my-private-registry-endpoint>/rancher/ui-plugin-catalog:<tag>
    22. imagePullPolicy: Always
    23. imagePullSecrets:
    24. - name: <my-registry-credentials>
  3. Expose the deployment by creating a ClusterIP service:

    1. apiVersion: v1
    2. kind: Service
    3. metadata:
    4. name: ui-plugin-catalog-svc
    5. namespace: cattle-ui-plugin-system
    6. spec:
    7. ports:
    8. - name: catalog-svc-port
    9. port: 8080
    10. protocol: TCP
    11. targetPort: 8080
    12. selector:
    13. catalog.cattle.io/ui-extensions-catalog-image: ui-plugin-catalog
    14. type: ClusterIP
  4. Create a ClusterRepo that targets the ClusterIP service:

    1. apiVersion: catalog.cattle.io/v1
    2. kind: ClusterRepo
    3. metadata:
    4. name: ui-plugin-catalog-repo
    5. spec:
    6. url: http://ui-plugin-catalog-svc.cattle-ui-plugin-system:8080

After you successfully set up these resources, you can install the extensions from the ui-plugin-charts manifest into your air-gapped environment.

Importing and Installing Extensions in an Air-gapped Environment

  1. Find the address of the container image repository that you want to import as an extension. You should import and use the latest tagged version of the image to ensure you receive the latest features and security updates.
    • (Optional) If the container image is private: Create a registry secret within the cattle-ui-plugin-system namespace. Enter the domain of the image address in the Registry Domain Name field.
  2. Click , then select Extensions, under Configuration.
  3. On the top right, click ⋮ > Manage Extension Catalogs.
  4. Select the Import Extension Catalog button.
  5. Enter the image address in the Catalog Image Reference field.
    • (Optional) If the container image is private, select the secret you just created from the Pull Secrets drop-down menu.
  6. Click Load. The extension will now be Pending.
  7. Return to the Extensions page.
  8. Select the Available tab, and click Reload to make sure that the list of extensions is up to date.
  9. Find the extension you just added, and click Install.

Updating and Upgrading an Extensions Repository in an Air-gapped Environment

Extensions repositories that aren’t air-gapped are automatically updated. If the repository is air-gapped, you must update it manually.

First, mirror the latest changes to your private registry by following the same steps for initially importing and installing an extension repository.

After you mirror the latest changes, follow these steps:

  1. Click ☰ > Local.
  2. From the sidebar, select Workloads > Deployments.
  3. From the namespaces dropdown menu, select cattle-ui-plugin-system.
  4. Find the cattle-ui-plugin-system namespace.
  5. Select the ui-plugin-catalog deployment.
  6. Click ⋮ > Edit config.
  7. Update the Container Image field within the deployment’s container with the latest image.
  8. Click Save.