とあるエンジニアの闇歴史帳

コピペで使える便利Wiki ※現在構築中です。

ユーザ用ツール


webp:vol48

差分

このページの2つのバージョン間の差分を表示します。

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

webp:vol48 [2020/06/23 14:10] (現在)
行 1: 行 1:
 +====== Code.003 CGI(Perl)基本動作 その3:「GETとPOST」 ======
 +<html><pre style="font-family:monospace; font-size:10pt">
 +   Code.003                                                 2002年10月21日発行
 +■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
 +                           【 Webプログラミング 】
  
 +                       〜 猫的プログラマーとその軌跡 〜
 +■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
 +
 +              ▼毎週月曜日に配信しています。
 +              ▼等幅フォントでご覧いただくとキレイに見えます。
 +              ▼登録・解除はこちらから可能です。
 +                &lt; http://www.ichikoro.com/webp/ &gt;
 +                  ※ぜひお友達にもご紹介ください(^^)/
 +
 +2ちゃんねるのメルマガでも紹介されていた、Web上で出来ると評判の
 +「逆転裁判」の体験版をやってみました。
 +
 +    ・逆転裁判2
 +      http://www.capcom.co.jp/saiban2/
 +        ※FLASHってすごい(笑)
 +
 +ゲーム的に見ても面白いですね!
 +「意義アリ!」などの演出、それを受けた証人のリアクションが何とも
 +気持ちいいのです。法廷という一見すると地味な世界をここまでエンター
 +テイメントにしてみせる、その力量に感服です。
 +
 +給料入ったらゲームボーイアドバンス買っちゃおうかなぁ。
 +と、ここで改めて思ったのは、ソフトがハードを牽引するということです。
 +これはインターネットの世界でも一緒ではないでしょうか?
 +
 +さて、ここで問題です。
 +ブロードバンドのキラーコンテンツって何でしょう?
 +重い物もスイスイ落とせるから動画?
 +いつも接続していられるからインスタントメッセンジャー?
 +
 +....ホントに、それがキラーコンテンツですか?
 +と疑問に思うかつべなのでした(今日のわんこ風)
 +
 +━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 + CGI(Perl)基本動作 その3:「GETとPOST」
 +──────────────────────────────────────
 +CGIへ値を渡す方法は2種類あります。
 +前回ご紹介したように、
 +
 +  (1)URLの最後に、クエリーを付加する
 +    http://www.ichikoro.com/hoge.cgi?name=value
 +
 +  (2)FORMタグで渡す
 +    &lt;FORM action="hoge.cgi"&gt;
 +      &lt;INPUT type="hidden" name="name" value="value"&gt;
 +    &lt;/FORM&gt;
 +
 +なのですが、FORMタグで渡す方法にも2種類あるのです。
 +それが、GETとPOSTなのです。
 +
 +───────
 + ソース1(HTML)
 +───────
 +&lt;HTML&gt;
 +&lt;HEAD&gt;
 +  &lt;TITLE&gt;リクエストメソッド判定&lt;/TITLE&gt;
 +  &lt;STYLE type="text/css"&gt;&lt;!--
 +    DT {font-weight:bold}
 +  --&gt;
 +  &lt;/STYLE&gt;
 +&lt;/HEAD&gt;
 +&lt;BODY bgcolor="#FFFFFF"&gt;
 +
 +&lt;H2 align="center"&gt;リクエストメソッド判定&lt;/H2&gt;
 +
 +&lt;DL&gt;
 +  &lt;DT&gt;■リンクから実行(GET)&lt;/DT&gt;
 +  &lt;DD&gt;&lt;A href="method.cgi?q=Hello"&gt;リンクから実行&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;&lt;/DD&gt;
 +
 +  &lt;DT&gt;■FORMタグから実行(GET)&lt;/DT&gt;
 +  &lt;DD&gt;
 +    &lt;FORM action="method.cgi" method="GET"&gt;
 +      &lt;INPUT type="text" name="q" value="Hello"&gt;
 +      &lt;INPUT type="submit" value="FORMタグから実行(GET)"&gt;
 +    &lt;/FORM&gt;
 +    &lt;BR&gt;
 +  &lt;/DD&gt;
 +
 +  &lt;DT&gt;■FORMタグから実行(POST)&lt;/DT&gt;
 +  &lt;DD&gt;
 +    &lt;FORM action="method.cgi" method="POST"&gt;
 +      &lt;INPUT type="text" name="q" value="Hello"&gt;
 +      &lt;INPUT type="submit" value="FORMタグから実行(POST)"&gt;
 +    &lt;/FORM&gt;
 +    &lt;BR&gt;
 +  &lt;/DD&gt;
 +&lt;/DL&gt;
 +
 +
 +&lt;/BODY&gt;
 +&lt;/HTML&gt;
 +
 +
 +
 +───────
 + ソース2(CGI)
 +───────
 +#!/usr/bin/perl
 +
 +;#
 +;#リクエストメソッドを判定する(method.cgi)
 +;#
 +
 +use strict;
 +
 +
 +#==================================================#
 +#                  メインルーチン                  #
 +#==================================================#
 +package main;
 +{
 +  my $q;        #クエリーを入れる
 +  my $method;   #メソッドを入れる
 +
 +  #--------------------------------------------------#
 +  #               GETかPOSTかを得る                  #
 +  #--------------------------------------------------#
 +  $method = $ENV{'REQUEST_METHOD'};
 +
 +  #--------------------------------------------------#
 +  #            GETの場合は環境変数から得る           #
 +  #--------------------------------------------------#
 +  if( $method eq "GET" ){
 +    $q = $ENV{'QUERY_STRING'};
 +  }
 +  #--------------------------------------------------#
 +  #           POSTの場合は標準入力から得る           #
 +  #--------------------------------------------------#
 +  elsif( $method eq "POST" ){
 +    my $length = $ENV{'CONTENT_LENGTH'};  #データ長を得る
 +  
 +    #-- 標準入力(STDIN)から$lengthバイト分$qへ入れる --#
 +    read(STDIN, $q, $length);
 +  }
 +
 +
 +  #--------------------------------------------------#
 +  #                 ブラウザに出力                   #
 +  #--------------------------------------------------#
 +  print "Content-type: text/html\n\n";
 +  print &lt;&lt;"END_OF_HTML";
 +&lt;HTML&gt;
 +&lt;HEAD&gt;
 +  &lt;TITLE&gt;REQUEST METHOD判定&lt;/TITLE&gt;
 +&lt;/HEAD&gt;
 +&lt;BODY bgcolor="#FFFFFF"&gt;
 +
 +&lt;H2 align="center"&gt;REQUEST METHOD判定&lt;/H2&gt;
 +
 +&lt;DIV align="center"&gt;
 +&lt;TABLE border="1"&gt;
 +  &lt;TR&gt;
 +    &lt;TD&gt;METHOD&lt;/TD&gt;
 +    &lt;TD&gt;$method&lt;/TD&gt;
 +  &lt;/TR&gt;
 +  &lt;TR&gt;
 +    &lt;TD&gt;q&lt;/TD&gt;
 +    &lt;TD&gt;$q&lt;/TD&gt;
 +  &lt;/TR&gt;
 +&lt;/TABLE&gt;
 +&lt;/DIV&gt;
 +
 +&lt;/BODY&gt;
 +&lt;/HTML&gt;
 +END_OF_HTML
 +
 +
 +  #--------------------------------------------------#
 +  #                    正常終了                      #
 +  #--------------------------------------------------#
 +  exit(0);
 +}
 +
 +
 +───────
 +   実行方法
 +───────
 +テキストエディタ(メモ帳やSimpleText)などで上記のソース(プログラム)を
 +保存してください。ソース1は適当な名前(xxxx.html)でOKです。ソース2は
 +「method.cgi」とすると、HTMLを変更せずにすみます。
 +
 +CGIの詳しい実行方法については、Code.001をご参照ください。
 +http://backno.mag2.com/reader/BackBody?id=200210050820000000080329000
 +
 +直接URLを叩いたりブックマーク(お気に入り)から、又はフレームの一部とし
 +て実行したりと色々試してみてください。
 +
 +  ★重要!
 +  このCGIはセキュリティーホールを含みます。
 +  学習以外の用途には使用しないでください。
 +
 +
 +───────
 +    解 説
 +───────
 +
 +■GETとPOST
 +  Webサーバに対して「ファイルをください」と問い掛ける際、その方法は
 +  2通りあります。冒頭でも書いたとおり、GETとPOSTです。
 +
 +    ・GET
 +      通常、クライアント(ブラウザのこと)から指定したファイルを
 +      くれるよう、サーバに問い掛ける際に使用します。
 +      
 +        ・Aタグなどで、普通にURLを訪れる場合はGETになります。
 +          ※URLの最後にクエリーを付加した場合も
 +          GETになります。
 +
 +        ・FORMタグでmethod属性を何も指定しないか、method="GET"
 +        とするとGETになります。
 +          ※submitすると、URLの最後にクエリーを付加した状態
 +          でサーバにアクセスされます。つまりリンクと変わら
 +          ないのです。
 +
 +    ・POST
 +      GETは渡せるデータ量に限界があります。
 +      どれくらい渡せるかは、サーバやクライアントに依存するため
 +      一概に言えませんが、あまり巨大なデータを渡すことはできま
 +      せん。許容量を超えると途中でデータが切れるてしまいます。
 +
 +      そこで登場するのがPOSTです。
 +      POSTの場合はGETと違い、大量のデータでも途切れることなく
 +      全て送受信することが出来ます。
 +        ※もちろん、重たいデータだと転送時間がかかったり、
 +        サーバに負荷がかかります。
 +
 +
 +  「じゃぁ、POSTはどうやって送っているのだ?」という、最もな疑問は
 +  説明するとメンドイので興味のある方は下記のサイトで勉強してください。
 +
 +    ・ネットワークプログラミングの基礎知識
 +      http://x68000.startshop.co.jp/~68user/net/
 +
 +
 +■プログラム的な違いは?
 +  さて、プログラムの説明に移りましょう。
 +  今回のポイントは
 +
 +    (1)GETとPOSTの違いを「環境変数」で見極める
 +    (2)GETとPOSTでデータの取って来る所が違う
 +
 +  この2つです。
 +
 +    (1)GETとPOSTの違いを「環境変数」で見極める
 +       これはもう単純に
 +
 +        REQUEST_METHOD
 +
 +      という環境変数の中に“GET”か“POST”という文字列
 +      が入っています。上記のプログラムで言えば下記の部分
 +      で取得しています。
 +
 +&gt;        $method = $ENV{'REQUEST_METHOD'};
 +
 +
 +    (2)GETとPOSTでデータの取って来る所が違う
 +      GETの場合は
 +
 +&gt;        $q = $ENV{'QUERY_STRING'};
 +
 +      といった具合に、環境変数「QUERY_STRING」から取得できます。
 +      そのまま変数に入れてやればOKです。
 +
 +      POSTの場合はGETよりも若干複雑です。
 +
 +&gt;        #-- 標準入力(STDIN)から$lengthバイト分$qへ入れる --#
 +&gt;        read(STDIN, $q, $length);
 +
 +      このように標準入力(STDIN)から情報はやってきており、
 +      read関数で得るケースをよくみかけます。read関数で必要な
 +      データ長は、環境変数「CONTENT_LENGTH」から得ることが可
 +      能です。
 +
 +
 +───────
 +   次回予告
 +───────
 +次回はこれら渡した値を受け取り、利用する方法を紹介します。
 +
 +ただ、一つだけ問題があります。
 +実はURLでは使ってはいけない文字があるんです。
 +例えば全角文字をそのままURL上に記述してはいけません。
 +
 +  http://www.google.co.jp/search?q=愛のタテーガミ〜♪   ← マズイ
 +                   ~~~~~~~~~~~~~~~~
 +しかし、どうしてもそれを使用したい場合もあります。
 +そんな時は対象の文字に対して「URLエンコード」を施してやります。
 +
 +例えばGoogleで検索した場合、
 +
 +  http://www.google.co.jp/search?q=%88%A4%82%CC%83%5E%83e%83K%83%7E%81%60%81%F4
 +
 +というようなURLを見たことありませんか?
 +
 +URLエンコードは通常ブラウザ(クライアント)が行います。
 +ところが、CGIで受け取った値もURLエンコードが施された状態のため、
 +そのままでは利用できません。
 +
 +というわけでURLエンコードされた文字列を元に戻し、それを表示するま
 +でをご紹介します。やれやれ、色々とメンドくさいですね(^^;)
 +
 +━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 +                           編    集    後    記
 +━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 +「4年の歳月と33万1000人のボランティア」
 +この世界的規模のプロジェクトが先日ゴールを迎えたというニュースが
 +流れてきました。
 +
 + ・64ビット暗号、分散コンピューティングでついに解読
 +  http://www.hotwired.co.jp/news/news/technology/story/20021008301.html
 +
 +現在、Web上で使用されているのは128ビット暗号です。
 +これを解析するのは、今のところ難しいと言われていますが、
 +時間の問題なのかもしれません。
 +
 +もともとこの技術は、解読するための「鍵」のパターンがほぼ無数にあり、
 +全てを試すには時間がかかり過ぎる(それこそ数十年〜数百年)ことから、
 +現実的に解けないと言う技術なのです。本質的には他者に解読できる暗号
 +である、ということなのです。
 +
 +技術が進むにつれ、こうした問題は出てきます。
 +しかし、一番の問題はそれを使う人間次第ともいえます。
 +例えば、同じようなプロジェクトでSETI@HOMEと呼ばれる物があります。
 +宇宙から地球にやってくる電波を解析し、そこに宇宙人のメッセージが
 +ないか探すプロジェクトです。
 +
 +近い将来、解析スピードが上がれば、あなたのパソコンに彼らから
 +“Hello! Friend”何てメッセージが出てくるかもしれませんよ!
 +
 +    ・SETI@HOME(日本語版)
 +      http://www.planetary.or.jp/setiathome/home_japanese.html
 +
 +それでは、また来週お会いしましょう! (^-^)/~~
 +
 +■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 +
 +                   【 Webプログラミング Code Sample 】
 +
 +                    発  行 : ichikoro.com
 +                発行責任者 : 勝部 麻季人
 +                              &lt; mailto:katsube@ichikoro.com &gt;
 +                 Webサイト : &lt; http://www.ichikoro.com/webp/ &gt;
 +            お問い合わせ先 : &lt; mailto:mm-webp@ichikoro.com &gt;
 +
 +                            Powerd by まぐまぐ
 +    All Right Reserved, CopyRight(C) 2001 Webプログラミング Code Sample
 +■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 +</pre></html>

関連ページ

webp/vol48.txt · 最終更新: 2020/06/23 14:10 (外部編集)