Web User Interface

Feature History for Web UI

This table provides release and platform support information for the features explained in this module.

These features are available in all the releases subsequent to the one they were introduced in, unless noted otherwise.


Release	Feature Name and Description	Supported Platform
Cisco IOS XE 26.2.1ea	Web UI: Web User Interface feature support has been introduced.	Cisco C9550 Series Smart Switches
Cisco IOS XE 17.18.1	Web UI: Web UI feature is an embedded GUI-based tool for streamlined device provisioning, deployment, and management.	Cisco C9350 Series Smart Switches Cisco C9610 Series Smart Switches

Web UI

The Web User Interface (Web UI) is an embedded GUI-based device-management tool that provides the ability to

provision the device
simplify device deployment and manageability, and
enhance the user experience.

You can use WebUI to build configurations, monitor, and troubleshoot the device without having CLI expertise.

When to use the Web UI

After you complete the hardware installation, you need to setup the switch with configuration required to enable traffic to pass through the network. On your first day with your new device, you can use the Web UI to perform several tasks to ensure that your device is online, reachable and easily configured.

Note

If your network is managed by Cisco Meraki, then the switch will be automatically detected and onboarded to the network. You are not required to configure the Web UI in this case.

Configure the switch using Web UI

There are two methods to configure the switch using Web UI:

To onboard the switch using basic and advanced configuration, refer to Classic Day 0 Wizard.
To onboard the switch to Cisco Catalyst Center using Web UI, refer to Cisco Catalyst Center Cloud Onboarding Day 0 Wizard.

Method 1: Classic Day 0 Wizard

The classic Day 0 wizard assists in onboarding the switch to your network by guiding you through the configuration of essential network settings. This wizard is especially useful for networks that are managed locally rather than through cloud-based interfaces such as Cisco Catalyst Center or Cisco Meraki. The classic Day 0 wizard is more suitable for devices managed through on-premises solutions like SSM On-Prem, making it an ideal choice for organizations with local network management requirements.

Once you have completed the wizard configurations, you can access the device through the WebUI using the management interface IP address.

Before using the Classic Day 0 wizard

Before you use the Classic Day 0 Wizard, you need to set up the DHCP Client Identifier, based on your OS, and connect to the switch.

Set up the DHCP client identifier on the client for Windows

You need to set up the DHCP Client Identifier on the client to get the IP address from the switch, and to be able to authenticate with Day 0 login credentials.

Procedure

Step 1	Type `regedit` in the Windows search box on the taskbar and press `enter`.
Step 2	If prompted by User Account Control, click Yes to open the Registry Editor.
Step 3	Navigate to Computer\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Tcpip\Parameters\Interfaces\ and locate the Ethernet Interface Global Unique Identifier (GUID).
Step 4	Add a new REG_BINARY DhcpClientIdentifier with Data 77 65 62 75 69 for webui. You need to manually type in the value. Figure 1. Setting up DHCP Client Identifier on Windows
Step 5	Restart the PC for the configuration to take effect.

What to do next

Follow the procedure detailed in Connect to the Switch

Set up the DHCP client identifier on the client for MAC

Procedure

Step 1

Go to System Preferences > Network > Advanced > TCP > DHCP Client ID: and enter webui.

Figure 2. Setting up DHCP Client Identifier on MAC

Step 2

Click OK to save the changes.

Step 3

The bootup script runs the configuration wizard, which prompts you for basic configuration input: (Would you like to enter the initial configuration dialog? [yes/no]: ).

To configure Day 0 settings using the web UI, do not enter a response.

What to do next

Follow the procedure detailed in Connect to the Switch

Connect to the switch

To connect to a switch, follow this procedure.

Procedure

Step 1

Make sure that no devices are connected to the switch.

Step 2

Connect one end of an ethernet cable to one of the downlink (non-management) ports on the active supervisor and the other end of the ethernet cable to the host (PC/MAC).

Step 3

Set up your PC/MAC as a DHCP client, to obtain the IP address of the switch automatically. You should get an IP address within the 192.168.1.x/24 range.

This figure shows the network connection details for a Windows

Figure 3. Obtaining the IP Address (Windows)

It may take up to three mins.

First time logging in to the Web UI

Perform this task to log in to the Web UI for the first time.

Procedure

SUMMARY STEPS

Launch a web browser on the PC and enter the device IP address, https://192.168.1.1, in the address bar.
Log on to the Web UI by entering the following default credentials:
Select the Classic Day 0 Wizard pane.

DETAILED STEPS

Step 1

Launch a web browser on the PC and enter the device IP address, https://192.168.1.1, in the address bar.

Step 2

Log on to the Web UI by entering the following default credentials:

username: webui
password: cisco

Note

It is recommended to change these default credentials immediately after the initial setup. Once you have changed the password, these default credentials become invalid.

The following screen is displayed.

Step 3

Select the Classic Day 0 Wizard pane.

The Classic Day 0 Wizard is displayed.

Configure using the classic day 0 wizard

Procedure

Step 1

In the Create Account page, you can configure the following:

Enter the user name to access the Web UI.
Enter the password in the Password and Confirm Password field.

The password
- must contain 25 alphanumeric characters.
- is case sensitive
- cannot start with a number
- allows spaces but ignores leading spaces.
By default, you are assigned full administrative access (privilege level 15).
Click Create New Account button to create the account.

Step 2

Click Basic Device Settings button to move to the Basic Settings page.

The Basic Settings page is displayed.

Step 3

In the Basic Settings page, you can configure the following:


Section	Field	Description
Device ID and Location Settings	Device Name	Name to identfify the device.
Device ID and Location Settings	Date & Time Mode	The date and time mode.
Device Management Settings	Management Interface	Displays information about the management interface.
	Management IP	The IP address to the management interface. Ensure that the IP address you assign is part of the subnet mask you enter.
	Subnet Mask	The subnet mask you want to associate with the IP address.
	Default Gateway (optional)	IP address to specify the default gateway.
	Telnet	Enables access to the device using telnet.
	ssh	Enables secure remote access to the device using Secure Shell (SSH)
	VTP transparent mode	Prevents device from particpating in VTP.

Step 4

Click the Site Profile button.

To ease your configuration tasks and save time, choose a site profile based on where your device may be installed and managed in your network. Based on the site profile you choose, your device is automatically configured according to Cisco best practices. You can easily modify this default configuration, from the corresponding detailed configuration screens.

Choosing a site profile as part of Quick Setup allows you to configure your device based on the business needs of your enterprise. For example, you could use your device as an access switch, to connect client nodes and endpoints on your network, or as a distribution switch, to route packets between subnets and VLANs.

Step 5

Click Switch Wide Settings button to move to the Switch Wide Settings page.

Step 6

In the Switch Wide Settings section, you can configure the following:


Section	Field	Description
VLAN Configuration	Data VLAN	Enable the check box to configure a data VLAN. Type a name for your VLAN, and assign a VLAN ID to it. If you are creating several VLANs, indicate only a VLAN range.
	Voice VLAN	Enable the check box to configure a voice VLAN. Type a name for your VLAN, and assign a VLAN ID to it. If you are creating several VLANs, indicate only a VLAN range.
	Management VLAN	Enable the check box to configure a management VLAN. Type a name for your VLAN, and assign a VLAN ID to it. If you are creating several VLANs, indicate only a VLAN range.
STP Configuration	STP Mode	Select the STP mode. You can select RPVST: This is the default mode. PVST
STP Configuration	Bridge Priority	Select the check box to change a bridge priority number from the default value 32748. Choose a priority number from the drop-down list.
General Configuration	Domain Name	Enter a domain name that the software uses to resolve unqualified hostnames.
	DNS Server	Enter the IP address to identify the DNS server. This server is used for name and address resolution on your device.
	DHCP Server	Enter the IP address of the DNS server that you want to make available to DHCP clients.
	Syslog Server	Enter the IP address of the server to which you want to send syslog messages.
	NTP Server	Enter the IP address of the NTP server with which you want to synchronize the device time.
	IP address	Enter the IP address to identify the SNMP server. SNMPv1, SNMPv2, and SNMPv3 are supported on your device.
	SNMP community	Specify the SNMP community string to permit access to the SNMP protocol.

Step 7

Click Day 0 Config Summary to verify your setup.

The Summary page is displayed.

Step 8

Click Submit.

Configure VTY Lines

You use Virtual Terminal Lines (VTY) to connect to the device through Telnet or SSH. VTY lines determine the maximum number of simultaneous remote connections. If the device does not have enough VTY lines configured, multiple users might not be able to connect to the WebUI. The number of configured VTY lines decides the number of simultaneous sessions allowed by the device.

Procedure

Step 1

From the WebUI, navigate to Administration > Management and select the HTTP/HTTPS/Netconf/VTY page.

Step 2

In the VTY section, enter the number of VTY lines you want to configure in the VTY Line field.

Method 2: Cisco Catalyst Center cloud onboarding Day 0 wizard

The Cisco Catalyst Center cloud onboarding Day 0 wizard streamlines the device onboarding process by guiding you through the configuration of the management interface and verifying connectivity to the Cisco Catalyst Center cloud. This ensures that the device is properly set up and ready for centralized cloud-based management.

Before using the Cisco Catalyst Center cloud onboarding Day 0 wizard

Before using the Cisco Catalyst Center cloud onboarding Day 0 wizard, you need to add the device to the Cisco Catalyst Center. Refer to the Cisco Catalyst Center User Guide to configure and maintain network devices.

Configure using the Cisco Catalyst Center cloud onboarding Day 0 wizard

Procedure

Step 1

Select the Cisco Catalyst Center Cloud Onboarding Day 0 Wizard card.

The Account Settings page is displayed.

Step 2

In the Account Settings page, you can configure the following:


Section	Field	Description
Create New Account	Login Name	Enter the user name you would like to configure to log in to the Web UI.
Create New Account	Login User Password and Confirm Login User Password	Enter the password you would like to configure. The password must meet the following requirements: The password must contain 25 alphanumeric characters. The password must be case sensitive The password cannot start with a number The password allows spaces but ignores leading spaces. By default, you are assigned full administrative access (privilege level 15).
Device ID Settings	Device Name	Enter the name that will identfify the device.
	NTP Server	Enter the IP address of an external Network Time Protocol (NTP) server to sychronize your device clock.
	Date & Time Mode	Select the date and time mode.

Step 3

Click Basic Settings button to move to the Basic Settings page.

The Basic Settings page is displayed.

Figure 12. Basic Settings - Static Configuration

Step 4

In the Basic Settings page, you can configure the following:

Field

Description

IP Address

Select the method you want to assign IP address

Static: A static IP address
DHCP: DHCP assigns the IP address.

Associate VLAN Interface

Select the interface you want to associate with the VLAN.

Note

This option is available if you have selected the IP address as static.

VLAN ID

For Static:

A VLAN ID that you can want to associate with the interface you have selected in the Associate VLAN Interface drop-down list.
For DHCP:

A VLAN ID.

The VLAN ID must be a value other than 1

IP Address

For Static:

The static IP address you want to associate with the interface
For DHCP:

The IP address is automatically assigned.

Subnet Mask

For Static:

The subnet mask you want to associate with the IP address.
For DHCP:

The subnet mask is automatically assigned.

Default Gateway (Optional)

IP address to specify the default gateway.

DNS Server

IP address of the DNS Server.

Step 5

Click Test Connectivity button to move to the Test Connectivity page.

The Test Connectivity page is displayed.

Step 6

In the Test Connectivity page, you can configure the following:

Click the Test Connectivity/Retest button to ensure that connection is established between the device to the Cisco Catalyst Centre Cloud.
Click the Retest button if the connection is not established.

If connection still fails, go to the previous Basic Settings page, make changes to the settings, and test connectivity again.
Once connectivity is established, go to the Day Zero Configuration Summary to save the configurations.

Step 7

Click Day Zero Configuration Summary to verify your setup.

The Summary page is displayed.

Figure 14. Day Zero Configuration Summary

Verify that the configurations are applied successfully, and the device is redirected to Cisco Catalyst Center Cloud.

If redirection does not succeed, verify if the device is associated with a redirection controller profile on Cisco PnP Connect (devicehelper).

Step 8

Click Save the config.

Bias-Free Language

Book Title