github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/website/pages/intro/getting-started/ui.mdx (about)

     1  ---
     2  layout: intro
     3  page_title: Web UI
     4  sidebar_title: Web UI
     5  description: 'Visit the Nomad Web UI to inspect jobs, allocations, and more.'
     6  ---
     7  
     8  # Web UI
     9  
    10  At this point we have a fully functioning cluster with a job running in it. We have
    11  learned how to inspect a job using `nomad status`, next we'll learn how to inspect
    12  a job in the web client.
    13  
    14  ## Opening the Web UI
    15  
    16  As long as Nomad is running, the Nomad UI is also running. It is hosted at the same address
    17  and port as the Nomad HTTP API under the `/ui` namespace.
    18  
    19  With Nomad running, visit `http://localhost:4646` to open the Nomad UI.
    20  
    21  [![Nomad UI Jobs List][img-jobs-list]][img-jobs-list]
    22  
    23  If you can't connect it's possible that Vagrant was unable to properly map the
    24  port from your host to the VM. Your `vagrant up` output will contain the new
    25  port mapping:
    26  
    27  ```text
    28  ==> default: Fixed port collision for 4646 => 4646. Now on port 2200.
    29  ```
    30  
    31  In the case above you would connect to `http://localhost:2200` instead.
    32  
    33  ## Inspecting a Job
    34  
    35  You should be automatically redirected to `/ui/jobs` upon visiting the UI in your browser. This
    36  pages lists all jobs known to Nomad, regardless of status. Click the `example` job to inspect it.
    37  
    38  [![Nomad UI Job Detail][img-job-detail]][img-job-detail]
    39  
    40  The job detail page shows pertinent information about the job, including overall status as well as
    41  allocation statuses broken down by task group. It is similar to the `nomad status` CLI command.
    42  
    43  Click on the `cache` task group to drill into the task group detail page. This page lists each allocation
    44  for the task group.
    45  
    46  [![Nomad UI Task Group Detail][img-task-group-detail]][img-task-group-detail]
    47  
    48  Click on the allocation in the allocations table. This page lists all tasks for an allocation as well
    49  as the recent events for each task. It is similar to the `nomad alloc status` command.
    50  
    51  [![Nomad UI Alloc Status][img-alloc-status]][img-alloc-status]
    52  
    53  The Nomad UI offers a friendly and visual alternative experience to the CLI.
    54  
    55  ## Next Steps
    56  
    57  We've now concluded the getting started guide, however there are a number
    58  of [next steps](/intro/getting-started/next-steps) to get started with Nomad.
    59  
    60  [img-jobs-list]: /img/intro-ui-jobs-list.png
    61  [img-job-detail]: /img/intro-ui-job-detail.png
    62  [img-task-group-detail]: /img/intro-ui-task-group-detail.png
    63  [img-alloc-status]: /img/intro-ui-alloc-status.png