家からもWebページを公開しよう

How to Upload My File
家からもWebページを公開しよう
©Shuya OSAKI ([email protected])
アウトライン
2
How to Upload P.3~
1.公開 /秘密 の作成 ・・・ P.6
2.SSH公開 の登録・・・・・ P.8
3.Cyberduckのインストール P.9 4.Webへの公開方法・・・・・ P.12
1.公開 /秘密 の作成 ・・・ P.15
2.WinSCPのインストール ・・ P.16
3.WinSCPの設定 ・・・・・・ P.17 4.Webへの公開方法・・・・・ P.21
How to Upload ??
Use Terminal
・CLIでの操作
・キーボードだけで操作可能
・学習コストがかかる (使えると便利)
Use FTP Client
・GUIでの操作
・キーボード、マウス等で操作
・とっても簡単
*CLI = Command Line Interface
*GUI = Graphical User Interface
3
4
本講義ではGUIで扱いやすい
FTP Clientを扱います
Use FTP Client
・GUIでの操作
・キーボード、マウス等で操作
・とっても簡単
5
Mac OS X
Mac OS X
1. 公開
/秘密
What is 公開
の作成
/秘密
??
・公開 暗号方式で使用される2つの のこと
・公開 暗号方式を利用してCNSサーバに接続します
・大まかには勘合貿易の割符のようなものだと思ってください
なぜ必要 ??
・あなたのサーバに変なアクセスがあってもブロックするため
・スマホのロックをパスワードから指紋認証にするようなものです
公開 認証について詳しく気になったら先生やTA/SAに質問するか
結城浩 「暗号技術入門 第3版 秘密の国のアリス」などを参照してください
6
Mac OS X
1. 公開
/秘密
7
の作成
ターミナルを起動し
$ ssh-keygen -b 2048
と入力し、実行 ( を2048bitで作ると言う意味)
の保存場所を聞かれるのEnter
デフォルトでは /Users/[username]/.ssh 以下に保存されます
その後も色々聞かれますが
左のようなイメージが表示されるまで Enter
これで
が生成されました
Mac OS X
2. SSH公開
8
の登録
作成した
$ cat
をクリップボードにコピーします
/.ssh/id_rsa.pub ¦ pbcopy
と入力してください
の登録はWeb上から行います。
https://itcsecure.sfc.keio.ac.jp/ssh/
にアクセスし、ログインしましょう
進んだページで「公開
の登録」を選び
「go」をクリックしてください
公開
を登録するページに遷移するので
+ C で先ほどコピーした
をペースト
Mac OS X
9
3. Cyberduckのインストール
FTPクライアントのCyberduckを
インストールしましょう
https://cyberduck.io/index.ja.html?l=ja
*App Storeのものは有償版です
ウィザードに従いインストールできたら
アプリケーションフォルダ内の
Cyberduckをダブルクッリクで起動します
Cyberduckが起動したら
新規接続をクリック
Mac OS X
10
3. Cyberduckからのログイン
左の図を参考に設定をしてください
方式 = SFTP
サーバ = ccx01.sfc.keio.ac.jp
ポート = 22
ユーザ名=自分のログイン名 ここまで入力が完了したら
「公開
認証を使用する」に
チェックをいれてください
SFTP = sshを使い安全にファイルを転送するプロトコル(規格)
Mac OS X
11
3. Cyberduckからのログイン
先ほど作成した
を選択します
id_rsa を必ず選択してください
左のように設定が完了したら接続してください
このような画面に遷移すれば成功です
Mac OS X
12
4. Webへの公開の方法
public_html
・このフォルダーに入っているものは何でもWebに公開されます
・最終課題もここにいれることでWebから閲覧可能に
・FTPクライアントを使えばドラッグアンドドロップで家から課題をWebに
公開できる!
How to Access
対応関係
・ $ /home/[Username]/public_html/homework/index.html
http://web.sfc.keio.ac.jp/[Username]/homework/index.html ・例えば慶應太郎くんの自己紹介ページは…
$ /home/s16xxxtk/public_html/introduce/index.html
http://web.sfc.keio.ac.jp/ s16xxxtk/introduce/index.html
ここまで理解できたら
13
ドラッグアンドドロップするだけ
14
Windows 10
Windows 10
1. 公開
/秘密
15
の作成
ペアをWeb上で作成します
以下にアクセスしてログインしてください
https://itcsecure.sfc.keio.ac.jp/ssh/
遷移した画面では「新規作成」を選び「go」を
クリック
秘密
を生成するためにパスフレーズを
8文字以上で設定します
PPK形式でダウンロードし
を任意の場所に保存してください
Windows 10
16
2. WinSCPのインストール
FTPクライアントの
WinSCPをダウンロードしましょう
Installation package をクリック
https://winscp.net/eng/download.php
ウィザードに従いインストールできたら
デスクトップ上の
WinSCPをダブルクリックで起動
Windows 10
17
3. WinSCPの設定
左の図を参考に設定をしてください
方式 = SFTP
サーバ = ccx01.sfc.keio.ac.jp
ポート = 22
ユーザ名=自分のログイン名 ここまで入力が完了したら
「設定」をクリック
SFTP = sshを使い安全にファイルを転送するプロトコル(規格)
Windows 10
18
3. WinSCPの設定
「SSH」→「認証」と移動し
秘密
の欄でさきほど作成した
を選択
「OK」をクリック
ここまで設定が完了したら「ログイン」
Windows 10
3. WinSCPの設定
のパスフレーズの入力を
求めらるので入力します
左のような画面に遷移すれば成功です
19
Windows 10
20
4. Webへの公開の方法
public_html
・このフォルダーに入っているものは何でもWebに公開されます
・最終課題もここにいれることでWebから閲覧可能に
・FTPクライアントを使えばドラッグアンドドロップで家から課題をWebに
公開できる!
How to Access
対応関係
・ $ /home/[Username]/public_html/homework/index.html
http://web.sfc.keio.ac.jp/[Username]/homework/index.html ・例えば慶應太郎くんの自己紹介ページは…
$ /home/s16xxxtk/public_html/introduce/index.html
http://web.sfc.keio.ac.jp/ s16xxxtk/introduce/index.html
ここまで理解できたら
21
ドラッグアンドドロップするだけ