[메모] H2O에서 HTTP/2 사용

전제 조건

H2O 설치
http://qiita.com/igara/items/1b7cd8e714844440795d
openssl이 설치되었습니다.

내 인증서 만들기

$ openssl genrsa 2048 > server.key
$ openssl req -new -key server.key > server.csr
$ openssl x509 -days 3650 -req -signkey server.key < server.csr > server.crt

마음대로 설정해 주세요.

H2O 구성 만들기

http 통신을 위한 제작
h2o.conf

hosts:
 "example.com":
    listen:
     port: 8000
    paths:
        /:
         file.dir: /home/vagrant/web/slack_rack_php/public
         redirect:
           url: /index.php/
           internal: YES
           status: 307

file.custom-handler:
 extension: .php
 fastcgi.connect:
  host: 127.0.0.1
  port: 9000
  type: tcp

access-log: /home/vagrant/access-log
error-log: /home/vagrant/error-log
pid-file: /home/vagrant/pid-file

리버스 프록시 및 SSL 구성 구성
proxy.conf

listen:
 port: 8080
 ssl:
  certificate-file: /home/vagrant/server.crt
  key-file: /home/vagrant/server.key
hosts:
  default:
    paths:
      /:
        proxy.reverse.url: http://127.0.0.1:8000/

access-log: /home/vagrant/accessre-log
error-log: /home/vagrant/errorre-log
pid-file: /home/vagrant/pidre-file

H2O의 시작

sudo h2o -m daemon -c h2o.conf
sudo h2o -m daemon -c proxy.conf

HTTP/1과 HTTP/2의 비교

많은 그림을 불러올 수 있는 페이지를 만들어 비교하였다.
이런

Chrome 플러그인의 HTTP/2 and SPDY indicator 또는
Firefox의 경우 "SPDY indicator"를 더하면
URL 옆에 파란색 번개 보이기
HTTP/2를 사용하는 사이트인 걸로 알고 있습니다.

HTTP/1

HTTP/2

HTTP/2 이미지가 나란히 다운로드됩니다.