WEBrick을 사용하여 정적 HTML을 반환

5954 단어 HTML루비
WEBrick을 사용하여 HTML을 반환한다는 것을 배웠으므로 출력하려고합니다.

http://localhost:8000/fom.html로 이동하여 다음 화면을 표시합니다.






(1) 우선 WEBrick이라는 라이브러리를 사용하여 웹 서버 구축

webrick.rb 파일을 만들고 아래 코드 작성

webrick.rb
require 'webrick'

server = WEBrick::HTTPServer.new({ 
  :DocumentRoot => './',
  :BindAddress => '127.0.0.1',
  :Port => 8000
})  

해설

· require '라이브러리': 외부 라이브러리를 읽는 메소드
· server = WEBrick::HTTPServer.new():DocumentRoot => './',  :액세스처는 http~~/
:BindAddress => '127.0.0.1' : 127.0.0.1은 자신의 PC에 액세스 할 수 있는 특별한 IP 주소
:Port => 8000 : 포트 번호 8000번

(2) 다음에 HTML 작성

WEBrick은 기본적으로 동일한 디렉토리에 있는 index.html 파일을 응답으로 반환합니다. 그래서 webrick.rb 파일이 있는 디렉토리에 form.html 디렉토리를 만들고 거기에 index.html을 넣는다.
이제 http://localhost:8000/fom.html에 액세스하면 index.html이 반환됩니다.
form.html/index.html 에 다음을 기술

index.html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h2>GETで送る</h2>
  <ul>
  <form action="/form_get" method="get">  
    <li><label for="user_name">ユーザー名</label>
    <input type="text" name="user_name"></li>

    <li><label for="age">年齢</label>
    <input type="text" name="age"></li> 

  <button type="submit">投稿</button>
</form>
  </ul>


  <h2>POSTで送る</h2>
  <ul>
  <form action="/form_post" method="post">  
    <li><label for="user_name">ユーザー名</label>
    <input type="text" name="user_name"></li>

    <li><label for="age">年齢</label>
    <input type="text" name="age"></li> 

  <button type="submit">投稿</button>
</form>
  </ul>
</body>
</html>

해설


  • action 속성은 양식에서 수집 한 데이터를 제출해야하는 위치 (URL)를 정의합니다.
  • method 속성은 데이터를 전송하는 데 사용되는 HTTP 메소드 (get 또는 post)를 정의합니다.
  • name 속성은 보내는 데이터의 이름(서버는 그 이름으로 받는다)
  • value 속성은 입력 된 값을 포함합니다

  • 이것은 단순한 정적 페이지를 반환합니다 (HTML 한계).



    다음에 Ruby를 사용하여 각 게시자에 대해 다른 페이지를 반환하는 프로그램 만들기(동적 페이지 만들기)

    좋은 웹페이지 즐겨찾기