vSphere HTML5 Web Clientを試す

#内容
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とインストール手順がテックプレビューとして公開**されています。
<img width="1419" alt="スクリーンショット 2016-10-29 12.06.44.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/475fb5c7-7e8b-792b-022f-686a6be89b4a.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テンプレートのデプロイ」を進めます。
以下にキャプチャを並べておきます。
<img width="965" alt="HTML5_Client_Deploy_01.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/6b4b6aeb-73d0-c935-8eec-b9491166a176.png">
<img width="961" alt="HTML5_Client_Deploy_02.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/e22f73b7-9362-78a5-f764-d69aab71942b.png">
<img width="964" alt="HTML5_Client_Deploy_03.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/9e3deff1-da8e-364f-d7e2-fa206e402a74.png">
<img width="962" alt="HTML5_Client_Deploy_04.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/ae3f81c8-0bdf-80c6-b055-0b5104038d12.png">
<img width="964" alt="HTML5_Client_Deploy_05.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/75295945-0355-4a48-2a1d-f8f3bbf3f86d.png">
<img width="963" alt="HTML5_Client_Deploy_06.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/a5b902d1-2b49-8426-4f51-b646e771e107.png">
<img width="961" alt="HTML5_Client_Deploy_07.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/a4c167ec-ae43-e678-ba65-c8adcb53e731.png">
<img width="968" alt="HTML5_Client_Deploy_08.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/6f2e3bb1-6cc2-ce97-ed10-6f0556595bca.png">

##時刻同期の確認
OVAデプロイ後、正常に起動していることを確認します。
「Set Timezone」から、NTPを設定し、時刻同期を確認しておきます。
<img width="955" alt="HTML5_Client_Deploy_09.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/ae227c56-eecf-c54d-c84d-21317edbfe3a.png">


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

```sh: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」でログイン可能です。

```sh: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 

以下にキャプチャを並べておきます。
<img width="1440" alt="HTML5_Client_Deploy_10.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/c76bd303-5636-3561-02b8-5eba9068373b.png">
<img width="1440" alt="HTML5_Client_Deploy_11.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/b33b5ad4-d7b7-d729-0dda-86c8778cc4cd.png">
<img width="1440" alt="HTML5_Client_Deploy_12.png" src="https://qiita-image-store.s3.amazonaws.com/0/101361/89ec7fb3-02dd-5956-baa8-9b8913e06850.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)