Microsoft PowerPoint asp cgi.pptx

Size: px

Start display at page:

Download "Microsoft PowerPoint - 2015-asp-10-07-01-cgi.pptx"

こうごかつもと
7 years ago
Views:

1 CGIの作成プログラミング演習

2 演習開始前の確認事項 1. パスワード無しでcstmsへログインスライド 3 2. cstms 上にウェブページを作成スライド 4 3. CGI 作業のディレクトリを作るスライド 9 2

3 1. パスワード無しでcstmsへログイン 1. 順 2. $ hostname と 3. mv4b のような端末名が出される 4. $ ssh cstms と 5. ここで Password: (パスワードを )と表されたら準備不 6. $ hostnameと 7. cstms と表されたら準備完了 8. $ logout 9. $ hostname 10. 再び mv4b と表される 2015/04/08 sshのスライドへ戻る 3

4 cstms 上にウェブページを作成ウェブブラウザをち上げる各の学番号に対応するを表の部分は分の学番号へ置き換える各のウェブページがブラウザ上に表されていれば準備完了 404 page not found やページが表されない時準備不次のページ(1)(2)を実 4

5 準備 (1) $ ssh cstms sshの設定が終わっていなければの前の端末にログインのと同のユーザー名 (s1431xxx, password)を使う $ pwd /home/cs/s1431xxx $ mkdir p public_html/cgi bin 5

6 準備 (2) $ pwd /home/cs/s1431xxx $ emacs nw public_html/2015programming.html <html><head><title> </title></head> <body><h1> , 太郎 </h1> <p> </p> </body></html> を最低限書いて保存終了ブラウザでファイルを読み込んで確認 $ logout 6

html <html><head><title>1431987</title></head>

7 ブラウザで表されない時の確認事項 1. ブラウザのプロキシ(proxy)を時的に使しないにしないとアクセスできないかもしれない 2. あるいは 3. ブラウザのプロキシ(proxy)を使しないサイト覧に cstms を追加する 4. ブラウザでアクセスできないときはファイルとディレクトリの読み込み権限を確認する $ ssh cstms $ chmod 755 public_html $ chmod 755 pubic_html/cgi-bin $ chmod 644 public_html/2015programming.html $ logout 7

8 ローカル端末編集と動化確認 $ ssh cstms としパスワード無しでログインできるブラウザで表すると分の書いた内容が表される 8

9 CGI 作業のディレクトリを作るローカルの端末で作業する $ hostname mv4a のような表がされる cstmsでは無い $ cd $ pwd /home/cs/s のような表がされる $ mkdir 2015-cgi (2015-cgiの部分は分で決める) $ cd 2015-cgi $ scp cstms:/home/cs/s /public_html/2015programming.html./ 9

10 前から続き $ ls 2015programming.html $ emacs nw Makefile # Makefile for CGI * Coding: utf 8 unix * helloworld: helloworld.c gcc o helloworld.cgi helloworld.c scp helloworld.cgi cstms:/home/cs/s /public_html/cgi bin/helloworld.cgi scp 2015programming.html cstms:/home/cs/s /public_html/2015programming.html ssh cstms chmod 755 /home/cs/s /public_html/cgi bin/helloworld.cgi ssh cstms chmod 644 /home/cs/s /public_html/2015programming.html というファイルを作り保存終了する 10

cgi scp 2015programming.html cstms:/home/cs/s1431987/public_html/2015programming.

11 前から続き $ ls Makefile 2015programming.html $ cd $ pwd /home/cs/s などと表 $ cd git.works $ cd se $ git pull 11

12 CGI http serverのプログラミング

13 Common Gateway Interface, CGI ウェブサーバ上でユーザプログラムを動作させるための仕組みユーザプログラムを毎回起動するので OSにとって負荷がい回避策として Java Servlet, mod_php, mod_perl, mod_lisp, FastCGI, WSGI(phyton)などユーザプログラムのインタプリタを別途起動しておく法がある 13

14 ウェブブラウザとウェブサーバ 1 chiba.ac.jp/index.html 2 例えば, GET HTTP 1.1 /index.html request Web Browser Web Server index.html response 3 例えば, Content Type: text/html <html><head><title> 千葉業学 </title></head> <body><h1>オープンキャンパス</h1> 14

15 CGIの出 1. Web BrowserがCGIプログラムのリンクをクリックする 2. Web ServerがCGIプログラムを起動する 3. CGIプログラムは,Web Serverを通じてヘッダ情報とコンテンツをWeb Browserへ送る 1 2 Web Browser 3 Web Server 3 CGI プログラムヘッダ情報例えば, Content Type: text/html コンテンツ <html><head><title> 千葉業学 </title></head> <body><h1>オープンキャンパス</h1> 15

16 CGIの作成 helloworld.c ヘッダ情報コンテンツ #include <stdio.h> int main(void) { printf("content type: text/html n"); printf(" n"); ヘッダ情報の送信の後に, 2 回の改が必要 (http, Hyper Text Transfer Protocol) printf("<html><head><title>hello World</title></head> n"); printf("<body> n"); printf("<h1>hello World</h1> n"); printf("<p>hello World from cgi bin/helloworld</p> n"); printf("</body></html> n"); return 0; } 16

必要 (http, Hyper Text Transfer Protocol) printf("<html><head><title>hello World</title></head> n");

17 FORMの処理 <Form method= GET action= cgi bin/greeting.cgi > <p> 挨拶 : <input type= text name= message ></p> <p><input type= submit value= 送信 ></p> </Form> 17

18 CGIの 1/2 GET Web Browser Web Server CGI プログラム 1. Web ServerがCGIプログラムを起動 2. CGIプログラムは環境変数 QUERY_STRING から, Web Browserの送ったFORMの字列を得る 18

19 CGIの 2/2 POST Web Browser Web Server CGI プログラム 1. Web ServerがCGIプログラムを起動 2. Web Browserからのデータは,CGIプログラムの標準へ 19

20 FORM(GET)からのデータ取得 1. 字列から的のデータを取り出す 2. sample.cgi?message=value&namae=atai&c ode=pattern <Form method= GET action= cgi bin/greeting.cgi > <p>d1<input type= text name= message ></p> <p>d2<input type= text name= NAMAE ></p> <p>d3<input type= text name= code ></p> <p><input type= submit value= 送信 ></p> </Form>? 以後,<name,value>が, &で区切られた字列 ( 英数字 ) 20

cgi > <p>d1<input type= text name= message ></p> <p>d2<input type= text name= NAMAE ></p>

21 パーセントエンコーディング 1. URIで利できない字を使うためのエンコード 2. 特に本語! 3. URLエンコーディングとも呼ばれる 4. POSTメソッドで字列を送るときの符号化 (これもURLエンコードと呼ばれる) 21

22 ファイルの利 open() Web Server CGI プログラム count.dat 例 ) カウンタ掲板など close() 22

23 ファイルの利 open() ( 危険 ) CGI プログラム open() Web Server CGI プログラム count.dat Web Serverから CGIが何度も呼ばれると同じファイルを使う時に危険 CGI プログラム close open() 23

24 cgiの設置とアクセス権 1/3 Web Serverから,CGIプログラムが起動されると通常は,Web Serverの実権限のまま起動される Web Server CGI プログラム (hello.cgi) ~s /public_html/cgi bin/hello.cgi Web Serverの実者は apache, www, wwwrun, など,サーバ設定に依存する 24

25 cgiの設置とアクセス権 2/3 ~s /public_html/cgi bin/hello.cgi 通常は, s という利者の権限のみそのままではCGIが起動できない Web Serverの実者と権限が異なるから Web Server CGI プログラム (hello.cgi) ( 良くない) 解決策 hello.cgiの実権を全員にする他のCGIからも利可能になる ( 良くない) 解決策 Web Serverをroot( 管理者 )で動作させるクラックされた時, 暴したときめが無くなる SuExecという仕組み( 詳細は省略 ) Web ServerからCGIを実するときに, ファイルの所有者 (s )の権限で実させる 25

26 cgiの設置とアクセス権 3/3 ~s /public_html/cgi bin/hello.cgi Web Server CGI プログラム (hello.cgi) hello.cgiのようなcgiプログラムからアクセス可能な範囲は, ファイルの所有者 s と同なので, /home/cs/s / 以下のファイルは読み書きできる cstmsはsuexec 設定済み例 ) カウンタ掲板など 26

27 サンプルCGIの説明 1/2 1. getenv.c CGIの環境変数を表 2. helloworld.c Hello World と表 3. helloworldj.c こんにちはと表 4. date.c サーバ上の時刻を表 5. get method.c Form(GET)の英字例 6. get methodj.c Form(GET)の和例 7. countup.c ファイル利 (アクセスカウンタ) 8. simple bbs.c ファイル利掲板 9. ( use mecab.c 形態素解析器の利 ) 27

28 仕様書の提出締切 2015 年 7 8 ( ) 午前 9:00 この演習中にTAが評価 C 語によりCGIを作成する CGIの完成締切 2015 年 7 22 ( ) 午前 9:00 この演習中に学相互で評価

29 課題 C 語による独のCGIプログラムを作成 1. cstms 上にある各のウェブページ 1. ~s /public_html/2015programming.html を作成 2. タイトル 3. CGIプログラムを使うためのリンク 4. CGIプログラムの説明 5. 夫した点 ( 章, 図 )の説明 6. Cプログラムへのリンク 7. 参考献, 参考にしたURI(URL)と確認した 29

30 作業実順 1. ssh, scpがパスワード無しで,cstmsへえるようにする 2. Hello World 表するcgiを分の public_html/cgi-bin/にscpして動作することを確認する 3. countup.c ファイル利 (アクセスカウンタ)cgiを分のpublic_html/cgi-bin/にscpして動作することを確認する 4. 何を作るかのアイディア仕様をA4 紙に書く. 5. 書き上がったらTAにせる. 6. TAのサインを貰ったら作成開始 30

31 CGIの作成アイディア例 1. simple search.c 全検索システム 2. simple bot.c 無脳 3. simple game.c CGIゲーム 31

動的コンテンツは大きく次の二つに分類されます (1) Web ブラウザからの要求に応じて Web サーバでプログラムが実行され実行結果生成された Web コンテンツを Web ブラウザに送信し表示する方法 ( 例 :Perl C 言

動的コンテンツは大きく次の二つに分類されます (1) Web ブラウザからの要求に応じて Web サーバでプログラムが実行され実行結果生成された Web コンテンツを Web ブラウザに送信し表示する方法 ( 例 :Perl C 言作成 : 平成 15 年 1 月 29 日修正 : 平成 26 年 3 月 18 日動的コンテンツ利用手引き(CGI PHP) 目次 1. はじめに... 1 2. 動的コンテンツとは... 1 3. 汎用 CGI の利用... 2 4. 動的コンテンツを作成する前に... 3 4.1. 危険性について... 3 4.2. 遵守事項...