Sharing static metrics pages

View Source

You can use the TelemetryUI.Web.Share controller to expose metrics rendering publicly on your application.

First you need to configure your theme with a secret share key

[
  metrics: [
    {"Users", [count_over_time("myapp.users.created")]}
  ],
  backend: backend(),
  theme: %{
    share_key: "012345678912345",
    share_path: "/metrics/public"
    title: "User dashboard metrics"
  }
]

Add the controller to your router.ex without any scopes or pipelines.

get("/metrics/public", TelemetryUI.Web.Share, [])

You should be able to see the "link" icon in your authenticated metrics page.

When clicking the "link" icon, you will be redirected to the TelemetryUI.Web.Share controller to render the metrics. Data is embedded in the page so no authenticated requests are made for the public page (metrics/public) .

You can even render images of the VegaLite component by using the id attribute in the HTML in the URL params:

/metrics/public?id=MYID.png&share=b92feb0qfbnason