Nginx 는 PC 나 모 바 일 장치 에 적합 합 니 다.

2473 단어
Nginx 는 PC 나 모 바 일 장치 에 적합 합 니 다.
현재 많은 사이트 들 이 PC 엔 드 와 H5 사이트 가 있 습 니 다. 그러면 고객 기기 에 따라 더 좋 은 체험 과 다른 페이지 를 표시 할 수 있 기 때 문 입 니 다.
예 를 들 어 우리 가 흔히 볼 수 있 는 타 오 바 오, 경 동... 이런 대형 사 이 트 는 모두 적응 하지 않 고 따로 만 드 는 방식 을 사용한다.
포인트
$http_user_에이전트 사용:
Nginx 내장 변수 통 해 $httpuser_에이전트, 클 라 이언 트 를 요청 하 는 userAgent 를 가 져 올 수 있 습 니 다. 사용자 가 현재 모 바 일 에 있 는 지 PC 에 있 는 지 다른 페이지 를 보 여 줍 니 다.
/ usr / share / nginx / 디 렉 터 리 에 두 개의 폴 더 를 새로 만 듭 니 다. 각각 pc 와 mobile 디 렉 터 리 입 니 다.
cd /usr/share/nginx
mkdir pc
mkdir mobile


pc 와 miblic 디 렉 터 리 에 index. html 파일 두 개 를 새로 만 듭 니 다. 파일 에 아래 내용 이 있 습 니 다.

I am pc!

I am mobile!


etc / nginx / conf. d 디 렉 터 리 에 들 어가 8001. conf 파일 을 수정 하고 다음 형식 으로 변경 합 니 다.
server{
     listen 80;
     server_name jd.com;
     location / {
      root /usr/share/nginx/pc;
      if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
         root /usr/share/nginx/mobile;
      }
      index index.html;
     }
}


Nginx 의 Gzip 압축 설정
Gzip 은 웹 페이지 의 웹 압축 기술 로 gzip 압축 을 거 친 후에 페이지 크기 는 원래 의 30%, 심지어 더 작 아 질 수 있다.더 작은 웹 페이지 는 사용자 가 더욱 잘 조회 하고 속도 가 빠르다.gzip 웹 페이지 압축 의 실현 은 브 라 우 저 와 서버 의 지원 이 필요 합 니 다.
gzip 는 서버 와 브 라 우 저가 동시에 지원 해 야 합 니 다.브 라 우 저가 gzip 압축 을 지원 할 때 요청 메시지 에 Accept - Encoding: gzip 을 포함 합 니 다. 그러면 Nginx 는 브 라 우 저 에 gzip 을 받 은 내용 을 보 내 고 해당 정보 헤더 에 Content - Encoding: gzip 를 추가 합 니 다. 이것 은 gzip 후의 내용 이 라 고 설명 하고 브 라 우 저 에 게 먼저 압축 을 풀 어야 출력 을 해석 할 수 있다 고 알려 줍 니 다.
gzip 설정 항목
Nginx 는 전문 적 인 gzip 모듈 을 제공 하고 모듈 의 명령 이 매우 풍부 합 니 다.
gzip :            gzip  。
gzip_buffers :                  gzip        。
gzip_comp_level : gzip   ,     1-9,1       ,9       。           ,      。
gzip_disable :              User-Agent       。
gzip_min_length:              ,            Content-length     。
gzip_http_version:  HTTP    ,     1.1. 1.0.
gzip_proxied :                       gzip  。
gzip_vary :            Vary:Accept-Encoding,             Accept-Encoding      gzip  。


gzip 가장 간단 한 설정
http {
   .....
    gzip on;
    gzip_types text/plain application/javascript text/css;
   .....
}

gzip on   gizp  ,
                 ,   、JavaScript  CSS        


실행 후
windows 운영 체제 라면 F12 키 를 누 르 면 개발 자 도 구 를 열 수 있 습 니 다. 현재 요청 은 탭 에서 Headers 를 선택 하고 HTTP 응답 헤드 정 보 를 볼 수 있 습 니 다.Content - Encoding 이 gzip 형식 인 것 을 똑똑히 볼 수 있 습 니 다.

좋은 웹페이지 즐겨찾기