====== Webベースターミナル(butterfly)の利用 ======

Webブラウザで使用できる、Webベースのターミナル butterfly(([[http://paradoxxxzero.github.io/2014/02/28/butterfly.html]]))(([[https://github.com/paradoxxxzero/butterfly]]))
をインストールしています。

{{:mae3xx_ope:use_web_terminal:chrome_butterfly_02.png?640|}}

{{:mae3xx_ope:use_web_terminal:butterfly_cap.mp4?852x716|}}

\\

初期状態では有効にしていませんので、有効化するためには設定ファイルを編集する必要があります。

\\

===== 設定の有効化 =====

==== 設定ファイルの編集 ====

設定ファイルは、/etc/default/butterfly です。\\
デフォルトの内容は下記のとおりとなっています。

<code>
START=no
USER=user1
HOST=0.0.0.0
PORT=57575
UNSECURE=0
</code>

\\

それぞれの項目の意味は下表のとおりです。

^  キー  ^  初期値  ^  内容  ^  設定可能な値  |
|START|  no  |butterfly 有効/無効 切替|  "yes"/"no"  |
|USER|  user1  |butterfly アカウント|  登録してあるアカウント名  |
|HOST|  0.0.0.0  |bindアドレス| |
|PORT|  57575  |bindポート| |
|UNSECURE|  0  |SSLクライアント認証なし(1: HTTP接続)|  "1"/"0"  |

インターネット経由でアクセスする場合、セキュリティ的に問題がありますので\\
"UNSECURE" を "1" にすることはおすすめできません。\\
有効にする場合、LAN内での利用に限定することをおすすめします。

有効化するために、"START" を "yes" に設定して保存します。

<code>
user1@plum:~$ sudo cat /etc/default/butterfly 
START=yes  <----- "yes" に変更した
USER=user1
HOST=0.0.0.0
PORT=57575
UNSECURE=0
user1@plum:~$ 
</code>

==== butterflyサーバの起動 ====

butterfly を起動します。

<code>
user1@plum:~$ sudo service butterfly start
butterfly start/running, process 1318
user1@plum:~$ 
</code>

\\

初回起動時は、証明書関係を自動で作成します。\\
作成されたクライアント証明書は、USERで指定したアカウントのホームディレクトリにコピーされます。

<code>
user1@plum:~$ ls -l
total 8
-rw-r--r-- 1 user1 user1 1298 Mar 25 13:35 butterfly_ca.crt
-rw-r--r-- 1 user1 user1 3586 Mar 25 13:35 user1.p12
user1@plum:~$ 
</code>

\\

==== クライアント証明書のインポート ====

アクセスするブラウザにこの証明書をインポートします。\\
Google Chromeでの例です。

{{:mae3xx_ope:use_web_terminal:chrome_import_pkcs_00.png?600|}}

{{:mae3xx_ope:use_web_terminal:chrome_import_pkcs_01.png?600|}}

{{:mae3xx_ope:use_web_terminal:chrome_import_pkcs_02.png?600|}}

{{:mae3xx_ope:use_web_terminal:chrome_import_pkcs_03.png?600|}}

{{:mae3xx_ope:use_web_terminal:chrome_import_pkcs_04.png?600|}}

{{:mae3xx_ope:use_web_terminal:chrome_import_pkcs_05.png?600|}}

{{:mae3xx_ope:use_web_terminal:chrome_import_pkcs_06.png?600|}}

{{:mae3xx_ope:use_web_terminal:chrome_import_pkcs_07.png?600|}}

{{:mae3xx_ope:use_web_terminal:chrome_import_pkcs_08.png?600|}}

これで証明書がインポートできました。

\\

==== ブラウザでのアクセス ====

ブラウザでアクセスしてみます。\\
証明書を選択するダイアログが表示されます。

{{:mae3xx_ope:use_web_terminal:chrome_butterfly_00.png|}}

\\

いわゆる "オレオレ証明書" で署名されたものですので、警告されますが、\\
"このまま続行" をクリックします。

{{:mae3xx_ope:use_web_terminal:chrome_butterfly_01.png?600|}}

\\

ターミナルの画面が表示されました。

{{:mae3xx_ope:use_web_terminal:chrome_butterfly_02.png?600|}}