[html5] Offline Application Cache (오프라인 캐쉬)


html5에 오프라인에서도 웹사이트가 작동할수 있도록
기능이 추가되었다

모바일분야에 많이 활용이 될수 있을것같다.
인터넷접속이 원할하지 않기 때문에 일부의 파일을 오프로인으로
지정해 두면 인터넷이 연결되지 않아도 서비스를 이용할수 있다

아래는 Application Cache 사용방법이다.

1. 웹서버에 mine type를 설정해 주어야한다
 ASP (IIS 웹서버)
iis웹서버 MINE 형식 확장명 :  .manifest  MINE형식 : text/cache-manifest 을 추가한다.
또는 web.config 파일에 아래의 코드를 추가한다
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <staticContent>
            <remove fileExtension=".manifest" />
            <mimeMap fileExtension=".manifest" mimeType="text/cache-manifest" />
        </staticContent>
    </system.webServer>

</configuration>

PHP
: .htaccess 파일 생성 or 추가 (AddType text/cache-manifest .manifest)

2. .manifest 파일을 만든다. 아래의 내용을 cache.manifest 파일명으로 저장
cache 영역에 있는 파일은 로컬에 파일이 저장되면 cache.manifest 파일의 내용이 바뀌지 않는한 계속 오프라인의 파일은 사용하여 브라우저에서 보여준다. 파일명은 cache.manifest파일에 대한 상대경로로 지정해야한다

CACHE MANIFEST

#오프라인에서 사용할 파일
CACHE:
index.html
stylesheet.css
images/masthead.png
scripts/misc.js

#오프라인에서 사용불가파일
NETWORK:
search.php
login.php
/api

#오프라인상태에서왼쪽을 파일을 오른쪽의 파일로 대체
FALLBACK:
images/dynamic.php static_image.png


3. 웹페이지에 MANIFEST 파일을 지정한다 (html5 doctype를 선언하지 않으면 오작동을 할수도있다)

<!DOCTYPE HTML>
<html manifest="cache.manifest">
<head>
    <title>Application Cache</title>
</head>
<body>
    <img src="images/masthead.png" />
</body>
</html>


 

댓글

Designed by JB FACTORY