ESXi 踏み台接続 PuTTyでSSHトンネル・ポート転送設定

ESXi6.0

要望

・vSpherClientからESXiに接続するのに踏み台サーバを使用する

概要

  1. PuTTyでSSHトンネル・ポート転送を設定
  2. クライアントPCのhostsファイルを更新
  3. vSpherClientから、hostsで設定した名前(127.0.0.1)へアクセスする
  4. 踏み台サーバへのSSHトンネルを通り、踏み台サーバから接続先ESXiへポートを転送する

ターミナルソフトとは？

絵とか入ってたので、リンクはるよ。例：PuTTy、Teratermとか
http://wa3.i-3-i.info/word12678.html:plain

SSHトンネル・ポートフォワーディングとは？

わかりやすいので、リンクはるよ。
PuTTY を用いた SSH ポート転送の手順

PuTTyの場合

＜例＞
踏み台サーバ　→　1.1.1.1
接続先ESXi　→　2.2.2.2

接続先ホスト名に踏み台サーバIP「1.1.1.1」の記入

f:id:meikotan:20160114095218j:plain

左側のCategory欄：Connection → SSH → Tunnels　を選択

※転送ポート
○ 443　通信用のデフォルト ポート
○ 902　VMのコンソール用

Source port：localhost:443
Destination：接続先ESXiIP:443
※902ポートも同様に設定

f:id:meikotan:20160114095214j:plain

hostsファイルの更新

127.0.0.1 esxi

vSpherClientから接続確認

IPアドレス/名前　にはhostsファイルで設定した127.0.0.1の名前を記入する。
f:id:meikotan:20160114094852j:plain


Teratermの場合

vSphere ClientをSSHのポートフォワーディングで使うメモ [ESXi](fkimura.com)

参考

ESXi本体に直接ポートフォワードさせてしまえ - earthlabの雑記

jQueryプラグイン[select2] セレクトボックスの拡張（検索）

JavaScript

要望

セレクトボックス上でデータを検索（絞込み）できるように

概要

jQuery プラグイン「Select2」を使用する。

プログラム

ダウンロード

select2


ソース

 <link rel="stylesheet" href="select2.css" type="text/css" />
 <script type="text/javascript" src="jquery-1.12.0.min.js"></script>
 <script type="text/javascript" src="select2.js"></script>
 <script type="text/javascript">
  $(document).ready(function(){
   $('.js-example-basic-single').select2();
  });
 </script>


 <select class="js-example-basic-single">
  <OPTION value="0">好きな食べ物なんですか？</OPTION>
  <OPTION value="1">りんご</OPTION>
  <OPTION value="2">バナナ</OPTION>
  <OPTION value="3">キウイ</OPTION>
 </select>

詰まった点

  • セレクトボックスが未選択の場合<option></option>の最上部データが表示される。ただ、value値を空欄にすると最上部データが表示されず空白のままになるので、value値は「0」や「スペース」を入れる。　
  • 本家サイトからダウンロードしたselect2.jsを使うと、プルダウンのスタイルがずれてしまった・・。以下、サンプルで使用されている「select2.js」を使用したら上手くいった。

Select2 – ホームページの作り方

他にも出来ること

セレクトボックス上で、複数データを選択したり、データをカテゴリごとに分けたり。

サンプル

※本家のサンプル
select2

次回挑戦したいこと

・jsonデータから、selectデータ呼び出し