4
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

vSphere HTML5 Web Clientを試す

Last updated at Posted at 2016-10-29

#内容
VMwareが公開しているラボ機能のひとつであるvSphere HTML5 Web Clientを使ってみました。
先日発表されたESXi 6.5のバージョンではvSphere HTML5 Web Clientで管理ツールとして導入される予定なので、事前に触ってみました。

#公開先

vSphere HTML5 Web Client
https://labs.vmware.com/flings/vsphere-html5-web-client

ここにOVAとインストール手順がテックプレビューとして公開されています。
スクリーンショット 2016-10-29 12.06.44.png

#環境
基本的には ESXiとvCenterのバージョンが6.0の以降の環境で動作が確認されています。

This Fling has been designed to work with your existing vSphere 6.0 environments.

私が試した環境は以下の通りです。

  • ESXi 6.0 U2
  • 外部PSC (VCSA 6.0 U2)
  • vCenter Server Appliance (VCSA 6.0 U2)

#インストール
この導入手順を参考に、外部PSC with VCSAのモデルに従って進めます。

H5 Client Deployment Instructions and Helpful Hints.
https://download3.vmware.com/software/vmw-tools/vsphere_html_client/H5%20Client%20Deployment%20Instructions%20and%20Helpful%20Tips_v23.pdf

##OVAダウンロード
上記の公開先から、vSphere HTML5 Web Client用の1GBのOVAをダウンロードします。

h5ngcVA-2.11.0.0-4553575_OVF10.ova
(2 vCPU, 4 GB RAM, 14 GBが必要です。)
https://download3.vmware.com/software/vmw-tools/vsphere_html_client/h5ngcVA-2.11.0.0-4553575_OVF10.ova

##OVAデプロイ
Web Clientからターゲットを右クリックし、「OVFテンプレートのデプロイ」を進めます。
以下にキャプチャを並べておきます。
HTML5_Client_Deploy_01.png
HTML5_Client_Deploy_02.png
HTML5_Client_Deploy_03.png
HTML5_Client_Deploy_04.png
HTML5_Client_Deploy_05.png
HTML5_Client_Deploy_06.png
HTML5_Client_Deploy_07.png
HTML5_Client_Deploy_08.png

##時刻同期の確認
OVAデプロイ後、正常に起動していることを確認します。
「Set Timezone」から、NTPを設定し、時刻同期を確認しておきます。
HTML5_Client_Deploy_09.png

##外部PSCでの事前操作
外部PSCにSSHでログインし、以下のコマンドを実行します。
実行内容は、vCenterからPSCへのファイルコピーです。

External_PSC_Commands_For_HTML5_Web_Client
mkdir -p /etc/vmware/vsphere-client/cmCatalog
mkdir -p /etc/vmware/vsphere-client/config
scp -rp root@<vCenter_IP_Address>:/etc/vmware/vsphere-client/cmCatalog/* /etc/vmware/vsphere-client/cmCatalog/

#VMware vCenter Server Appliance 6.0.0.20000

#Type: vCenter Server with an external Platform Services Controller

#root@<vCenter_IP_Address>'s password: 
#com.vmware.applmgmtapplmgmt.zip                                    100%  596     0.6KB/s   00:00    
#com.vmware.ciscis.cls.zip                                          100%   51KB  51.1KB/s   00:01    
#com.vmware.ciscis.ts.zip                                           100%   12KB  12.0KB/s   00:00    
#com.vmware.ciscis.vdcs.zip                                         100%  126KB 125.6KB/s   00:00    
#com.vmware.ciscom.vmware.vsan.health.zip                           100%  112KB 112.4KB/s   00:00    
#com.vmware.ciscs.authorization.zip                                 100% 2383     2.3KB/s   00:00    
#com.vmware.ciscs.ds.zip                                            100% 1310     1.3KB/s   00:00    
#com.vmware.ciscs.eam.zip                                           100%   14KB  13.8KB/s   00:00    
#com.vmware.ciscs.inventory.zip                                     100% 9437     9.2KB/s   00:00    
#com.vmware.ciscs.keyvalue.zip                                      100% 5207     5.1KB/s   00:00    
#com.vmware.ciscs.license.zip                                       100%   20KB  19.6KB/s   00:00    
#com.vmware.ciscs.perfcharts.zip                                    100% 8403     8.2KB/s   00:00    
#com.vmware.ciscs.syslog.zip                                        100% 6419     6.3KB/s   00:00    
#com.vmware.ciscs.vapi.zip                                          100%   82KB  82.1KB/s   00:00    
#com.vmware.ciscs.vsm.zip                                           100%   14KB  13.8KB/s   00:00    
#com.vmware.cismessagebus.config.zip                                100% 2261     2.2KB/s   00:00    
#com.vmware.cisvcenterserver.zip                                    100% 4560KB   4.5MB/s   00:00    
#com.vmware.cisvsphereclient.zip                                    100%  560     0.6KB/s   00:00    
#com.vmware.rbdrbd.zip                                              100%   54KB  53.7KB/s   00:00    
#com.vmware.sca.applmgmt.zip                                        100%  596     0.6KB/s   00:00    
#com.vmware.sca.netdumper.zip                                       100%  551     0.5KB/s   00:00    
#com.vmware.sca.vmware-sca.zip                                      100%   11KB  11.2KB/s   00:00    
#com.vmware.sca.vmware-syslog.zip                                   100% 6419     6.3KB/s   00:00    
#com.vmware.sca.vmware-vpostgres.zip                                100%  842     0.8KB/s   00:00    
#com.vmware.sca.vsm.zip                                             100%   14KB  13.8KB/s   00:00    
#com.vmware.vim.smssms.zip                                          100%   16KB  15.8KB/s   00:00    
#com.vmware.vwsvws.health.zip                                       100% 1294     1.3KB/s   00:00    

scp -rp root@<vCenter_IP_Address>:/etc/vmware/vsphere-client/config/* /etc/vmware/vsphere-client/config/

#VMware vCenter Server Appliance 6.0.0.20000

#Type: vCenter Server with an external Platform Services Controller

#root@<vCenter_IP_Address>'s password: 
#ds.properties                                                      100%  143     0.1KB/s   00:00    

##HTML5 Web Client用仮想アプライアンスの操作
HTML5 Web Client用仮想アプライアンスにSSHでログインします。
ユーザー名が「root」、パスワードが「demova」でログイン可能です。

H5_Appliance_Commands_For_External_PSC
/etc/init.d/configui configure --start yes --user root --vc <PSC_IP_Address>
#Stopping vSphere Client Web Server
#...
#rm: cannot remove '/usr/lib/vmware-vsphere-client/server/pid.log': No such file or directory
#Successfully stopped the vSphere Client Web Server
#Connecting to SSO server, you will be prompted for user's credentials
#Password: 
#Creating /etc/vmware/vsphere-client/config directory
#Creating /etc/vmware/vsphere-client/vsphere-client directory
#Creating /etc/vmware/vsphere-client/vsphereFeatures directory
#Generating keystore file and property files.
#Generating store.jks file...
#Extract the vsphere-webclient certificate from VECS
#Extract the vsphere-webclient private key from VECS
#Extract the certificate from the TRUSTED_ROOTS VECS store
#Certificate was added to keystore
#Group the vsphere-webclient private key and certificate into a .p12 file
#Entry for alias vsphere-webclient successfully imported.
#Import command completed:  1 entries successfully imported, 0 entries failed or cancelled
#Generating webclient.properties file...
#Using 10.178.47.82 for generating URLs in webclient.properties
#Copy ds.properties file
#Copy vsphereFeatures.cfg file
#prepared files: store.jks, webclient.properties, ds.properties
#Downloading keystore file and property files.
#Check DIRs
#Removing existing /etc/vmware/vsphere-client/vsphere-ui/uiFeatures.cfg file
#h5uiNetworkSelector = disabled
#h5uiSelectMigrationType = disabled
#h5uiAdminPlugin = disabled
#h5uiVmLibraryActionAddFlag = disabled
#h5uiAddFolderFlag = enabled
#Configuration process completed!
#Starting vSphere Client Web Server
#vSphere Client Web Server successfully started in 96 seconds

#HTML5 Web Clientにアクセス
以上でインストールは完了なので、アクセスします。

https://<H5_Appliance_IP_Address>:9443/ui

以下にキャプチャを並べておきます。
HTML5_Client_Deploy_10.png
HTML5_Client_Deploy_11.png
HTML5_Client_Deploy_12.png

#感想
これまでのFlashベースのvSphere Web Clientと比較したときの、個人的な感想です。
ESXi 6.5ではHTML5クライアントが導入される予定なのでますます楽しみですね。

  • HTML5 Web Clientログイン時の最初の読み込みがはやい
    • Flashベースが10秒に対して、HTML5は2〜3秒
  • 全体的にも次へ次への遷移がキビキビしている
    • コンソール起動もはやい
  • 画面がグレーベースなので、色がみやすい
  • Flash関連の警告・インストール・設定が無いなので、便利

#その他、考慮点

  • 操作情報もFlashベースのvSphere Web Clientとの間ですぐ同期された
    • 既存環境でも試すこと自体に問題は無いが、同時に使うことはおすすめしない
  • 今はCLIインストールのみだが、GUIインストールも出る予定
  • ラボで公開されているものは、機能的にはまだ限られている
    • VM Power Operations (common cases)
    • VM Edit Settings (simple CPU, Memory, Disk changes)
    • VM Console
    • VM and Host Summary pages
    • VM Migration (only to a Host)
    • Clone to Template/VM
    • Create VM on a Host (limited)
    • Additional monitoring views (Performance charts, Tasks, Events)
    • Global Views (Recent tasks, Alarms--view only)
4
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?