ユーザ用ツール

サイト用ツール


mae3xx_ope:use_web_terminal:start

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
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|}}
 +
  
mae3xx_ope/use_web_terminal/start.1395724841.txt.bz2 · 最終更新: 2014/03/25 14:20 by admin