vSphere Guides

Installing vSphere HTML5 Web Client

VMware has all new vSphere HTML5 Web client. It is based on HTML5 & JavaScript. This Client will work with the vSphere 6 environments. From this client you can manage the vCenter Server easily using the Browser. It provides the UI which is somewhat same as existing vSphere web client but in this client you will find many UI changes & many additional changes you will notice if you use it. This client comes with OVA deployment.

This client is in Testing mode not fully developed. It has known Issues on which VMware already working. You will also find Bugs while using it. It doesn’t have all the functionality which current web client provides.

I have downloaded to test the client in LAB So let’s see how to Install & Configure vSphere HTML5 Web Client. Installation on Windows based vCenter Server & vCenter Appliance is different. Here i will be using the Windows based vCenter Server.

Installing & Configuring vSphere HTML5 Web Client :

Step 1:
First you need to Download the vSphere HTML5 Web Client Files from VMware. You will find 3 different files Installer.bsx, OVA file of the client & server-configure.bat file.

Step 2:
Copy the Server-configure.bat file into the vCenter Installation Directory.

HTML5-Client-1

 

Step 3:
Open CMD with Admin privileges.
Run the File “server-configure.bat”.
You will see that 3 different files are generated.

Store.jks
ds.properties
webclient.properties

HTML5-Client-2

 

Step 4:
Now we have to deploy the OVA file.
So login to your vSphere client.
Choose host on which you want to deploy the OVA.
Right Click on Host & Choose the Deploy OVF Template.

HTML5-Client-3

 

Step 5:
Now the OVA deployment wizard will start.
We already Downloaded the OVA file.
So choose the Local File.
Click on Browse the provide the location of that OVA file.
Click Next to proceed.

HTML5-Client-4

 

Step 6:
You will get all the details about the OVA file.
Click Next to proceed.

HTML5-Client-5

 

Step 7:
Accept the License Agreement & click Next to continue.

HTML5-Client-6

 

Step 8:
Choose the Folder or Datacenter(If multiple) where you want to deploy the template.
Click Next to continue.

HTML5-Client-7

 

Step 9:
Here you have to choose the Storage for your OVA deployment.
You can choose the Virtual disk type whichever you want Thin, Thick.
You can also specify the VM Storage Policy if you have any.
Choose the Storage on which you want to deploy.
Click Next to continue.

HTML5-Client-8

 

Step 10:
Here we will configure network for the vSphere HTML5 Web Client.
You can choose the Network on the List.
Specify the IP protocol IPv4 or IPv6.
Specify the IP Allocation static or DHCP. (Go with static only because we will be using same IP all the time to access it.)
Provide the Network Settings below.
click Next to continue.

HTML5-Client-9

 

Step 11:
Provide the IP address for the vSphere HTML5 Web client.
This IP address will be used to Access the client.
Click Next to continue.

HTML5-Client-10

 

Step 12:
Now we are ready to deploy our OVA Template.
Review all the configurations you have done.
Choose the Box Power on after deployment.
Click Finish to start the deployment.

HTML5-Client-11

 

Deployment will take few minutes to deploy & power on the OVA. Now we have successfully deployed ova template now we need to configure the vSphere HTML5 Web Client in order to use it.

For Configuring you will require the Putty & WinSCP (For copying file from Windows to Linux.).

Configuring vSphere HTML5 Web Client :

Step 1:
Open the Putty & provide the IP address of that VM.
Click Open to connect.

HTML5-Client-12

 

Step 2:
Login as root user & the default password is “demova”.
Now you have successfully logged in to the Appliance.

HTML5-Client-12-1

 

Step 3:
Now you need to create 3 directories into the Appliance.
create 3 directories using below command.

mkdir /etc/vmware/vsphere-client/
mkdir /etc/vmware/vsphere-client/config
mkdir /etc/vmware/vsphere-client/vsphere-client/

HTML5-Client-12-2

 

Step 4:
Now you have to copy the 3 files created by running server-configure.bat.
Copy that files to below location carefully. you can use the WinSCP to connect to appliance & browse to the directory & copy the files.

/etc/vmware/vsphere-client/store.jks
/etc/vmware/vsphere-client/config/ds.properties
/etc/vmware/vsphere-client/vsphere-client/webclient.properties

If you are using DNS for vCenter then make sure to add your DNS Server to below file & restart the network service to reflect the changes.

/etc/resolv.conf
service network restart

Make sure to check the date & time of your vCenter SSO & the Appliance & it matches.
To check date & time on the Appliance run below command.

date

Step 5:
Now start the web client by using below command.

/etc/init.d/vsphere-client start

 

HTML5-Client-13-2

 

Now we have successfully Deployed & Configured the vSphere HTML5 Web Client. For accessing the Client put the below URL into Browser

https://<H5_Appliance_IP_Address>:9443/ui

HTML5-Client-14

 

You can see the Above Home Screen of the all new vSphere HTML5 Web Client.

Check out our article on vSphere HTML5 Web Client & it’s features ?

If you want to Install ESXi Web client only checkout our article on Installing ESXi Web Client ?

That’s it for Today Friends. I Hope you liked reading this post & If you find anything more to be added or removed feel free to write it in our comments. If you find it useful You are Feel free to share this on social media to help others & spread knowledge.
If you have any query on any thing you are free to write it in our comments section & we will make sure to provide you the better solution as soon as possible.

Checkout our Facebook Group for discussions & more.
You can also Like & Share our Facebook Page for Latest Updates.

Tags

Mayur Parmar

Hi I am Mayur Parmar. Independent Author & Founder of Mastering VMware. I am working in IT industry for more than 2 Years with knowledge of VMware , Microsoft Server's, Linux Server's.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

8 + 4 =

Close