この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
mae3xx_ope:use_web_terminal:start [2014/03/25 14:20] admin |
mae3xx_ope:use_web_terminal:start [2018/12/24 08:05] (現在) admin |
||
---|---|---|---|
ライン 1: | ライン 1: | ||
+ | ====== 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|}} | ||
+ | |||