VCOPS のカスタム UI に テキスト表示してみる。

VCOPS のカスタム UI に テキスト表示してみる。

今回は、vCenter Operations Manager (VCOPS)のカスタム UI を編集してみようと思います。

ちなみに、VCOPS 5.8 を使用しています。

手順の概要。

  • UI VM でテキストファイルを配置するディレクトリを指定します。
  • UI VM に、カスタムUI に表示するテキストファイルを作成しておきます。
  • VCOPS の カスタム UI で、「テキスト」ウィジェットを追加します。

(参考) ※VCOPS 5.7.1 のドキュメントですが・・・

VMware vCenter Operations Manager のスタート ガイド

Custom ユーザー インターフェイス

vCenter Operations Manager 5.7.1

テキスト ウィジェットを構成する(P.103 あたり)

http://www.vmware.com/files/jp/pdf/vcops-571-custom-ui-getting-started-guide_ja.pdf

UI VM での準備

ここでは、UI VM で設定ファイル編集をしたあとに、カスタム UI の Tomcat を再起動します。

1. まず、設定ファイルを編集します。

/usr/lib/vmware-vcops/user/conf/web/web.properties

を編集し、textDisplay_root にテキストファイル配置ディレクトリを指定します。

デフォルトだと、ディレクトリは指定されていません。

firstvm-external:~ # grep -n textDisplay_root /usr/lib/vmware-vcops/user/conf/web/web.properties

10:#textDisplay_root The root folder for the text display widget

11:textDisplay_root=

今回は、/opt/vcops_text ディレクトリを指定しました。

firstvm-external:~ # vi /usr/lib/vmware-vcops/user/conf/web/web.properties

firstvm-external:~ # grep -n textDisplay_root /usr/lib/vmware-vcops/user/conf/web/web.properties

10:#textDisplay_root The root folder for the text display widget

11:textDisplay_root=/opt/vcops_text

2. 前の手順で指定したディレクトリを作成します。

VCOPS は admin ユーザで起動しているようなので、

作成したディレクトリは、所有者を admin ユーザにしておきます。

firstvm-external:~ # mkdir /opt/vcops_text

firstvm-external:~ # echo "赤いバッジに要注意!" > /opt/vcops_text/msg.txt

firstvm-external:~ # chown -R admin:admin /opt/vcops_text

ディレクトリ、ファイルの所有者が admin ユーザになったことを確認しておきます。

firstvm-external:~ # ls -ld /opt/vcops_text

drwx------ 2 admin admin 4096 Mar 31 02:06 /opt/vcops_text

firstvm-external:~ # ls -l /opt/vcops_text/

total 4

-rw------- 1 admin admin 31 Mar 31 02:06 msg.txt

3. Custom UI の Tomcat を再起動します。

firstvm-external:~ # service vcopswebenterprise restart

Stopping vcopsEnterpriseService...

Waiting for vcopsEnterpriseService to exit...

Stopped vcopsEnterpriseService.

Starting vcopsEnterpriseService...

Waiting for the service to come up...

Waiting for the service to come up...

Waiting for the service to come up...

firstvm-external:~ #

カスタム UI でのウィジェット追加

4. Web ブラウザから VCOPS のカスタム UI にアクセスします。

vcops-msg01.png

5. タブを新規作成します。

デフォルトのタブは見本として残しておきたいので、新規タブを作成します。

ゼロから新しいタブを作るのは大変なので、今回はデフォルトで作成される

Troubleshooting タブをクローンして、test-tab というタブを作成しました。

vcops-msg02.png

6. タブを編集します。


新しく作成されたタブを選択して、「編集」をクリックします。

vcops-msg03.png

7. ウィジェットを追加します。

いろいろなウィジェットを、タブに追加することができますが、

今回は「テキスト」ウィジェットを追加します。

右画面にドラック&ドロップして、「OK」をクリックします。

vcops-msg04.png

タブの下の方に、「テキスト」ウィジェットが追加されています。

vcops-msg05.png

8. ウィジェットを編集します。

タブのウィジェットは、タイトルバーのあたりをドラック&ドロップすると、

配置を変更することができます。

今回は「テキスト」ウィジェットを画面の上の方に持ってきました。

メッセージ表示するため、「ウィジェットの編集」ボタンをクリックします。

vcops-msg06.png

今回はテキストファイルの内容を表示するので、

「File」のところにある「Browse」ボタンをクリックしてテキストファイルを指定します。

vcops-msg07.png

以前の手順で UI VM に作成したテキストファイルが表示されるので選択します。

ここでテキストファイルが表示されない場合は、以前に実施した

UI VM 上での設定(ディレクトリ指定や権限設定など)を再確認します。

vcops-msg08.png

メッセージが表示されました。

そして、このウィジェットのサイズは、矢印のボタンで変更することができます。

vcops-msg09.png

VCOPS は他の運用ツールと雰囲気が違うので、

うまくテキスト メッセージで説明文を表示しておけば、

運用担当者が受け入れやすくなったりするかもしれません。

今回は ただテキスト表示しただけですが、

アイデアしだいで無限の可能性が・・・

以上、VCOPS のカスタム UI を編集してみる話でした。

Version history
Revision #:
1 of 1
Last update:
‎03-30-2014 11:34 AM
Updated by: