|
| 1 | +--- |
| 2 | +title: Set up the Gloo UI |
| 3 | +weight: |
| 4 | +description: Install the Gloo UI to get an at-a-glance view of the configuration, health, and compliance status of your Gloo Gateway setup and the workloads in your cluster. |
| 5 | +--- |
| 6 | +Install the Gloo UI to get an at-a-glance view of the configuration, health, and compliance status of your Gloo Gateway setup and the workloads in your cluster. |
| 7 | + |
| 8 | +To learn more about the features of the Gloo UI, see [About the Gloo UI]({{< versioned_link_path fromRoot="/guides/observability/ui/explore#about-the-gloo-ui" >}}). |
| 9 | + |
| 10 | +## Before you begin |
| 11 | + |
| 12 | +Install GG |
| 13 | + |
| 14 | +## Set up the Gloo UI |
| 15 | + |
| 16 | +Use these instructions to install the Gloo UI in the same cluster as Gloo Gateway. The Gloo UI analyzes your Gloo Gateway setup and provides metrics and insights to you. |
| 17 | + |
| 18 | +1. Set the name of your cluster and your Gloo Gateway license key as an environment variable. |
| 19 | + ```sh |
| 20 | + export CLUSTER_NAME=<cluster-name> |
| 21 | + export GLOO_GATEWAY_LICENSE_KEY=<license-key> |
| 22 | + ``` |
| 23 | + |
| 24 | +2. Add the Helm repo for the Gloo UI. |
| 25 | + ```sh |
| 26 | + helm repo add gloo-platform https://storage.googleapis.com/gloo-platform/helm-charts |
| 27 | + helm repo update |
| 28 | + ``` |
| 29 | + |
| 30 | +3. Install the custom resources for the Gloo UI. |
| 31 | + ```sh |
| 32 | + helm upgrade -i gloo-platform-crds gloo-platform/gloo-platform-crds \ |
| 33 | + --namespace=gloo-system \ |
| 34 | + --version={{< readfile file="/static/content/version-platform.md" markdown="true">}} \ |
| 35 | + --set installEnterpriseCrds=false |
| 36 | + ``` |
| 37 | + |
| 38 | +4. Install the Gloo UI and configure it for Gloo Gateway. |
| 39 | + ```yaml |
| 40 | + helm upgrade -i gloo-platform gloo-platform/gloo-platform \ |
| 41 | + --namespace gloo-system \ |
| 42 | + --version={{< readfile file="static/content/version-platform.md" markdown="true">}} \ |
| 43 | + -f - <<EOF |
| 44 | + common: |
| 45 | + adminNamespace: "gloo-system" |
| 46 | + cluster: $CLUSTER_NAME |
| 47 | + featureGates: |
| 48 | + insightsConfiguration: true |
| 49 | + glooInsightsEngine: |
| 50 | + enabled: true |
| 51 | + glooAnalyzer: |
| 52 | + enabled: true |
| 53 | + glooUi: |
| 54 | + enabled: true |
| 55 | + licensing: |
| 56 | + glooGatewayLicenseKey: $GLOO_GATEWAY_LICENSE_KEY |
| 57 | + prometheus: |
| 58 | + enabled: true |
| 59 | + telemetryCollector: |
| 60 | + enabled: true |
| 61 | + mode: deployment |
| 62 | + replicaCount: 1 |
| 63 | + EOF |
| 64 | + ``` |
| 65 | + |
| 66 | +5. Verify that the Gloo UI components are successfully installed. |
| 67 | + ```sh |
| 68 | + kubectl get pods -n gloo-system |
| 69 | + ``` |
| 70 | + |
| 71 | + Example output: |
| 72 | + {{< highlight yaml "hl_lines=4-6" >}} |
| 73 | + NAME READY STATUS RESTARTS AGE |
| 74 | + extauth-f7695bf7f-f6dkt 1/1 Running 0 10m |
| 75 | + gloo-587b79d556-tpvfj 1/1 Running 0 10m |
| 76 | + gloo-mesh-ui-66db8d9584-kgjld 3/3 Running 0 72m |
| 77 | + gloo-telemetry-collector-68b8cf6f49-zhx87 1/1 Running 0 57m |
| 78 | + prometheus-server-7484d8bfd-tx5s4 2/2 Running 0 72m |
| 79 | + rate-limit-557dcb857f-9zq2t 1/1 Running 0 10m |
| 80 | + redis-5d6c6bcd4-cnmbm 1/1 Running 0 10m |
| 81 | + {{< /highlight >}} |
| 82 | + |
| 83 | + |
| 84 | +## Visualize traffic |
| 85 | + |
| 86 | +1. Follow the petstore [hello world example]({{< versioned_link_path fromRoot="/guides/traffic_management/hello_world/" >}}). This example deploys the petstore sample app and exposes a route to the app on your gateway proxy. |
| 87 | + |
| 88 | +2. Send a few requests to the httpbin app. |
| 89 | + ```sh |
| 90 | + for i in {1..10}; do curl $(glooctl proxy url --name gateway-proxy)/all-pets; done |
| 91 | + ``` |
| 92 | + |
| 93 | +7. Open the Gloo UI. |
| 94 | + 1. Port-forward the Gloo UI pod. |
| 95 | + ```sh |
| 96 | + kubectl port-forward deployment/gloo-mesh-ui -n gloo-system 8090 |
| 97 | + ``` |
| 98 | + 2. Open the Gloo UI dashboard. |
| 99 | + ```sh |
| 100 | + open http://localhost:8090/dashboard |
| 101 | + ``` |
| 102 | + |
| 103 | +  |
| 104 | + |
| 105 | +8. Go to **Observability** > **Graph** to see the Gloo UI Graph. Select your cluster from the **Cluster** drop-down list, and the `httpbin` and `gloo-system` namespaces from the **Namespace** drop-down list. Verify that you see requests from the gateway proxy to the httpbin app. Note that it might take a few seconds for the graph to show the requests that you sent. |
| 106 | + |
| 107 | +  |
| 108 | + |
| 109 | + |
| 110 | + |
| 111 | +## Next |
| 112 | + |
| 113 | +Continue with [exploring the features of the Gloo UI]({{< versioned_link_path fromRoot="/guides/observability/ui/explore" >}}). |
0 commit comments