 vidkid
|
2004-04-21 17:05:52, 조회 : 6,628, 추천 : 534 |
- Download #1 : http.zip (3.1 KB), Download : 122
[웹서버와의 만남 #2] GET / POST 메소드
안녕하세요. vidkid 입니다.
이번 강좌는 GET / POST 메소드를 사용하기 위한 프로시져에 대한 설명과 간단한 예제입니다.
(* 프로젝트 파일은 첨부 파일을 이용해 주세요.)
대부분의 방법은 웹서버와 통신을 위해서 GET / POST 메소드를 사용합니다.
모두들 아시겠지만 간단히 설명드리자면
GET : http://localhost/test.php?mode=list&no=10
위와 같은 방법으로 url 에 ? 를 써서 값들을 넘기는 방식이라 하겠습니다.
POST : <form action="http://localhost" method=post> <form>
POST 는 위와 같은 방법으로 url 에 데이터를 포함하는 형식이 아닌 HTTP 프로토콜 규약에
따라 데이터를 넘겨줍니다. 자세한 내용은 HTTP 1.0, 1.1 을 참조하세요.
그리고 요즘은 SOAP 방식도 많이 사용합니다.
세가지 방식의 장단점은 굳이 설명하지 않겠습니다.
컬에서도 서버의 스크립트(PHP, ASP, JSP, ...)를 호출하고 데이터를 받기위해 위의 3가지 방식을
모두 사용합니다. (이번 강좌는 2가지만 설명)
그럼 어떻게 사용하는지 차근차근 알아보죠.
(start1.curl)
-----------------------------------------------------------------------
{curl 3.0 applet}
{curl-file-attributes character-encoding = "euc-kr"}
{applet manifest = "manifest.mcurl"}
{value
{CommandButton label="눌러주세요",
{on Action do
{{get-the-applet}.browse-url
{url "http://localhost/study/http/start1.php?mode=list&no=7"},
target="_blank"
}
}
}
}
-----------------------------------------------------------------------
우선 start1.curl 파일을 보죠
아주 간단한 소스입니다.
화면에 CommandButton 하나 생성을 해서 버튼이 눌리면
웹브라우저의 url 을 바꿔주는 내용입니다.
target 을 _blank 로 줘서 새창이 뜨게 했습니다.
여기서
{url "http://localhost/study/http/start1.php?mode=list&no=7"}
을 보면 GET 방식으로 start1.php 를 호출했습니다.
mode=list
no = 7
두개의 값이 서버의 php 파일로 넘겨집니다.
GET 방식은 일반적으로 Html 에서 <A> 태그로 넘겨주는 방식 그래도 사용합니다.
그럼 start1.php 파일을 보죠.
(start1.php)
-----------------------------------------------------------------------
<?
echo "mode = $mode<br>";
echo "no = $no";
?>
-----------------------------------------------------------------------
뭐 특별히 하는 일은 없기때문에 받은 변수의 값을 그냥 출력하는 내용입니다.
php 를 한번도 사용안해봤어도 이정도는 이해할 수 있겠죠?
굳이 설명은 안드리겠습니다.
실행방법은
http://localhost/study/http/start1.curl
로 웹브라우저에서 실행하세요. 물론 로컬에서 실행해도 상관은 없습니다.
C:\APM_Setup\htdocs\study\http\start.curl
(** 당연히 디렉토리는 맞춰주셔야 겠죠?)
그럼 결과는..
위의 화면대로 예상한 결과가 나옵니다.
이번에는 url 이 변경되서 페이지가 바뀌는 형태가 아닌 페이지는 그대로 있고
내부적으로 서버를 호출해서 결과를 받는 방식으로 변경해 보겠습니다.
(start2.curl)
-----------------------------------------------------------------------
{curl 3.0 applet}
{curl-file-attributes character-encoding = "euc-kr"}
{applet manifest = "manifest.mcurl"}
{value
{CommandButton label="눌러주세요",
{on Action do
let string-buf : StringBuf = {new StringBuf}
let num-read : int = 0
let error? : bool = false
let result : String = ""
{try
{with-file-caching-style FileCachingStyle.reload do
set (string-buf, num-read) =
{read-from
character-encoding = {get-character-encoding-by-name "euc-kr"},
{url "http://localhost/study/http/start2.php?mode=list&no=7"}
}
}
catch th:Throwable do
set error? = true
}
set result = {string-buf.to-String}
{popup-message result}
}
}
}
-----------------------------------------------------------------------
이번 내용은 조금 더 길어졌습니다.
가장 큰 변화는 start2.php 를 호출하기하는 방법이 페이지전환(브라우저의 url 변경) 에서
페이지 전환없이 같은 페이지 내에서 처리하는 것입니다.
그럼 소스를 살펴보죠.
{with-file-caching-style FileCachingStyle.reload do
...
}
우선 start2.php 를 호출하기 전에 {with-file-caching-style ... do } 를 사용했습니다.
이 macro 가 하는 일은 read-from 과 같은 프로시져에서 서버의 데이터를 읽어올때
캐쉬를 적용할 것인지 여부를 결정합니다.
위의 경우는 무조건 다시 읽어오는 것입니다.
만약 위 부분이 명시가 안되면 웹브라우저의 캐쉬관련 옵션에 따라 한번 가져온 데이터는
start2.curl 이 reload 되기 전에는 캐쉬에서 읽어옵니다.
set (string-buf, num-read) =
{read-from
character-encoding = {get-character-encoding-by-name "euc-kr"},
{url "http://localhost/study/http/start2.php?mode=list&no=7"}
}
read-from 이라는 프로시져는 주어진 url 에서 파일을 읽어옵니다.
그것이 로컬 파일이면 파일로 읽고 웹상의 문서(html 또는 동적으로 생성된 html)라면
그 문서를 읽습니다. 즉, php 같은 스크립트로 생성된 html 도 파일로 생각하고 읽어옵니다.
read-from 은 2개의 값을 리턴합니다. StringBuf 클래스와 읽은 갯수를 리턴합니다.
마지막으로
set result = {string-buf.to-String}
{popup-message result}
받아온 string-buf 를 String 으로 변환한뒤 화면에 popup 창으로 띄웁니다.
이번엔 start2.php 를 확인해 보죠.
(start2.php)
-----------------------------------------------------------------------
<?
echo "mode 값은 $mode 입니다.\n";
echo "no 값은 $no 입니다.";
?>
-----------------------------------------------------------------------
역시 간단합니다.
start1.php 와 거의 같습니다. 사실 그대로 쓸려다가 성의가 부족한거 같아서 약간만
바꿨습니다. ^^; (더 성의가 없나?)
하여간 브라우저에 실행한다면
위의 문자열들이 나타나겠죠..
이제 실행을 해볼까요?
http://localhost/study/http/start2.curl
결과는 바로 예상했던거 처럼 나타났습니다.
두줄로 나올줄 알았는데 1줄로 나온다구요?
그건 popup-message 에서 1줄로 뿌려 주는 것입니다. curl 은 text 출력할때 \n 는 무시된다고
말씀드렸죠?.. 이것의 해결은 나중에 하기로 하구요..
어쨌거나 start2.php 에서 echo 를 사용해서 출력한 결과가 그대로 나왔습니다.
만족 스럽군요..
이젠 POST 로 넘어가 보겠습니다.
우선 소스를
(start3.curl)
-----------------------------------------------------------------------
{curl 3.0 applet}
{curl-file-attributes character-encoding = "euc-kr"}
{applet manifest = "manifest.mcurl"}
{value
{CommandButton label="눌러주세요",
{on Action do
let error? : bool = false
let script-loc:Url = {url "http://localhost/study/http/start3.php"}
let http-file:HttpFile = {script-loc.instantiate-File} asa HttpFile
let req : HttpFormData =
{HttpFormData
||mime-type = HttpFormData.urlencoded-mime-type,
default-character-encoding = {get-character-encoding-by-name "euc-kr"}
}
{req.append {HttpFormStringParam "mode", "list"}}
{req.append {HttpFormStringParam "no", "7"}}
let web-stream:#HttpTextInputStream
{with-file-caching-style FileCachingStyle.reload do
set web-stream =
{http-file.http-read-open
character-encoding = {get-character-encoding-by-name "euc-kr"},
request-data = req,
request-method = HttpRequestMethod.post
}
}
let returned : String = ""
let lines:{Array-of StringBuf} = {{Array-of StringBuf}}
let n-lines:int = 0
{try
set (lines, n-lines) = {web-stream.read-lines}
catch th:Throwable do
set error? = true
finally
{web-stream.close}
}
{if not error? then
{for i :int=0 below n-lines do
set returned = returned & "\n" & {lines[i].to-String}
}
}
{popup-message returned}
}
}
}
-----------------------------------------------------------------------
이번엔 좀 긴 소스입니다.
내용은 start2.curl 과 같은 내용으로 버튼이 하나있고 그걸 누르면
start3.php 를 호출해서 결과를 받아오는 거죠..
대신 호출 방식이 POST 입니다.
그럼 하나씩 살펴볼까요..
let http-file:HttpFile = {script-loc.instantiate-File} asa HttpFile
호출한 url 을 HttpFile 클래스로 선언했습니다.
이 객체가 실제로 서버와 통신을 하게 되겟죠..
let req : HttpFormData =
{HttpFormData
||mime-type = HttpFormData.urlencoded-mime-type,
default-character-encoding = {get-character-encoding-by-name "euc-kr"}
}
{req.append {HttpFormStringParam "mode", "list"}}
{req.append {HttpFormStringParam "no", "7"}}
이 부분은 HttpFormData 객체를 생성하는 부분으로 실제 POST 로 넘겨질 데이터를
정의하기 위한 객체입니다.
클래스 생성시 옵션들은 mime-type, default-character-encoding 등을 줄 수 있습니다.
그리고 아래 부분은 실제로 HttpFormStringParam 클래스를 이용해서 String 형태의 데이터를
추가 해주고 있습니다.
이밖에도 데이터의 타입에 따라
HttpFormFileParam, HttpFormBytesParam 등도 있습니다.
위의 경우는 mode 와 no 의 값을 전달하기위해 req 에 추가를 했습니다.
---------------------------------------------------------------------
let web-stream:#HttpTextInputStream
{with-file-caching-style FileCachingStyle.reload do
set web-stream =
{http-file.http-read-open
character-encoding = {get-character-encoding-by-name "euc-kr"},
request-data = req,
request-method = HttpRequestMethod.post
}
}
---------------------------------------------------------------------
이 부분이 실제로 서버쪽 start3.php 를 호출해서 결과를 얻어오기 위한 부분입니다.
HttpTextInputStream 클래스가 post 호출을 할 수 있는 클래스 입니다.
생성은
http-file.http-read-open
메소드를 이용해서 생성했고.. POST 뿐만 아니라 옵션의
request-method = HttpRequestMethod.post
을 HttpRequestMethod.get 으로 바꿔줌으로 해서 GET 방식도 호출할 수 있습니다.
request-data = req 을 이용해서 POST 데이터를 넘겨줬습니다.
---------------------------------------------------------------------
{try
set (lines, n-lines) = {web-stream.read-lines}
catch th:Throwable do
set error? = true
finally
{web-stream.close}
}
---------------------------------------------------------------------
위의 부분이 실제로 데이터를 읽어오는 부분입니다.
주의할 점은 반드시 데이터를 다 읽었다면
{web-stream.close}
를 호출해서 HttpTextInputStream 를 닫아주어야 합니다.
나머지는 설명 생략하겠습니다.
이번엔 start3.php 파일을 보죠..
(start3.php)
-----------------------------------------------------------------------
<?
echo "mode 값은 $mode 입니다.\n";
echo "no 값은 $no 입니다.";
?>
-----------------------------------------------------------------------
음, start2.php 하고 똑같습니다. ^^;
좀더 보안을 생각하고 한다면 수정이 필요하겠지만 우선은 $mode, $no 형태로 파라메터를 읽었습니다.
이 부분은 다른 언어로 사용시는 POST 방식으로 파라메터를 읽어와야 합니다.
실행 결과는..
위와 같습니다.
당연한 결과겠죠..
지금 까지 GET과 POST를 이용해서 서버와 통신을 했습니다.
정말 간단하지만 대부분 이것의 응용이니깐...
쉽게 할 수 있으리라 생각됩니다.
그럼 ~~
|
|
|
