Skip to main content
Pure1 Support Portal

HTML-5 vSphere Web Client Plugin Support

Pure Storage has released a VMware Certified vSphere HTML-5 web client plugin.  This KB covers each process that the customer will need to follow and work with support to get the plugin updated on the FlashArray and reference points about the new plugin!

Getting Started

There is an updated process for Support and Customers with the release of the HTML-5 vSphere Web Client FlashArray plugin. 

This KB will cover what the customer will need to do to get the HTML-5 Plugin on their FlashArray and what Pure Support will need to do for each support case opened by the customer.

  1. Requirements
  2. Caveats and Notices
  3. Customer Opening up a Support Case
  4. Support Manually Updating the Plugin
  5. Customer Installing the Plugin
  6. Using the Plugin
  7. Related KBs and Posts

 

Requirements

Customers will need to be running either vCenter 6.5 U2+ or be running on vCenter 6.7+ in order to use the HTML-5 Plugin.

Caveats and Notices

  • Both the HTML-5 and Flash web client plugins can be installed on the same vCenter Server.
    • However both plugins can not be on the same FlashArray.  Either the HTML-5 plugin or Flash plugin can be on the array.
  • Initial release of the HTML-5 vSphere web client plugin (4.0.0) does not have support for vSphere Virtual Volumes (VVols).  VVol support in the HTML-5 plugin will be coming in a later release.
  • There is no RBAC support in the HTML-5 Plugin
  • Be sure to install the plugin to each Linked vCenter Server when installing the plugin to a vCenter Server that is in Enhanced Linked Mode (ELM).
  • In the event that the FlashArray with the HTML-5 Plugin uploaded to it is upgraded, the HTML-5 Plugin will need to be re-updated on the FlashArray after the upgrade is complete.  At this time there is not a Purity release that ships with the HTML-5 Plugin as the default plugin to install.

Opening up a Support Case

The Customer will need to open a support case to get the Plugin updated on their FlashArray.

Pure Support Manually Updating the Plugin

After the Customer opens up the support case asking to update the FlashArray plugin to the HTML-5 vSphere web client plugin and Support will need to follow through the process of updating the plugin on the FlashArray.

The customer will be able to install the plugin now that Pure Support has completed the process and has updated the Support case.


 

Installing the Plugin

After the FlashArray has been updated with the HTML-5 plugin, the user will be able to install the plugin.  Here is the process.

  1. Log into the FlashArray with the HTML-5 Plugin
  2. Navigate to Settings and then click on Software
  3. Click on Edit vSphere Plugin Configuration Button
    HTML-5-Plugin-06.png
  4. Enter the information and credentials for the vCenter that the Plugin will be installed to.
    HTML-5-Plugin-03.png
  5. Confirm that the vCenter Server is connected successfully and click the install button
    HTML-5-Plugin-04.png
  6. Confirm that the HTML-5 4.0 Plugin shows up installed to the vCenter Server in the FlashArray GUI
    HTML-5-Plugin-05.png
  7. Then log into the vCenter HTML-5 web client and confirm that the Plugin shows up
    HTML-5-Plugin-07.png
  8. You may need to log out and log back into their vCenter Client.  Otherwise a banner asking them to refresh the web page for the plugin to show up.
    HTML5-Banner.png
  9. In the Administration page, under Solutions and Client Plugins, the HTML-5 Plugin will show up as Certified.
    HTML5-certified.png
  10. If there was a previous plugin installed and arrays were registered, those arrays will carry over to the HTML-5 Plugin
    HTML-5-Plugin-08.png
  11. You can add new arrays or update the existing array information as needed.
  12. You may need to edit the existing arrays and update the registration information.  If the imbedded array GUI isn't showing up or the plugin options for that array aren't showing up correctly, there will be a notice saying to update the array registration.

 

Using the Plugin

There will be a few differences with the HTML-5 Plugin vs the Flash Plugin.  Here are some examples of what it looks like and where to use the plugin.

The first is the Plugin Icon and location.  In the sidebar the plugin will show up in the section where other plugins will show up.  

Plugin Icon and Location
HTML-5-Plugin-07.png

 When selecting the plugin icon on the sidebar, the add, edit and remove options will appear.  

FlashArray Summary - Add Edit or Remove
HTML-5-Plugin-08.png

The Datacenter options are similar and in the same place, as are the Cluster options, Host options and Datastore options. 

Right Click on Datacenter Options
HTML5 Beta Plugin - 22.png
Right Click on Cluster Options
HTML5 Beta Plugin - 20.png
Right Click on Host Options
HTML5 Beta Plugin - 21.png
Right Click on Datastore Options
HTML5 Beta Plugin - 19.png

The Datastore view has been updated.  There is not a FlashArray objects page anymore.  Now the FlashArray Snapshots will be under the configure tab.  The capacity and performance monitoring pages will be found under the monitor tab.  In addition there is more context and monitoring for capacity.  There is a VMFS used, host written and volume unique space reported for each datastore now.

Datastore View
Configure - FlashArray Snapshots
HTML5 Beta Plugin - 08.png
Datastore Monitor
Capacity - Overview
HTML5 Beta Plugin - 09.png
Datastore Monitor
Capacity - VMFS Used Space
HTML5 Beta Plugin - 10.png
 
HTML5 Beta Plugin - 13.png
Datastore Monitor
Capacity - Host Written Space
HTML5 Beta Plugin - 11.png
HTML5 Beta Plugin - 14.png
Datastore Monitor
Capacity - Unique Space
HTML5 Beta Plugin - 12.png
HTML5 Beta Plugin - 15.png

Here is a look at the Datastore Monitoring page.

Datastore Monitor
Performance - IOPS
HTML5 Beta Plugin - 16.png
Datastore Monitor
Performance - Latency
HTML5 Beta Plugin - 17.png
Datastore Monitor
Performance - Bandwidth
HTML5 Beta Plugin - 18.png

Another new feature of the HTML-5 plugin is the datastore summary page.  This will include several details of the FlashArray volume for that datastore.

HTML5 - Datastore Details 2 - Dark.png