2016-10-17 3 views
0

네트워크를 사용할 수없는 경우 오프라인 모드에서 몇 개의 화면을 제공하고 싶습니다.Seedstack 응용 프로그램을 오프라인 모드에서 작동하도록 구성하는 방법은 무엇입니까?

우리는 HTML5 캐싱 기능을 사용하고자하며 일부 HTML 및 JS 파일을 캐시 할 수 있지만 기본 구성 파일은 캐시 할 수 있습니까?

이 방법이 맞습니까? 시드 프레임 워크에 올바른 접근 방식을 제안 해주십시오.

답변

0

HTML5 응용 프로그램 캐시는 currently deprecated 인 것으로 보입니다. 즉, 은 SeedStack과 함께 HTML5 응용 프로그램 캐시를 사용할 수 있습니다. 응용 프로그램을로드하는 데 필요한 파일의 수는 실제로는 자동화되어 있지 않으므로 약간 비실용적입니다.

당신이해야 SeedStack 웹 응용 프로그램과 오프라인 모드를 달성하기

  • 는 masterpage 템플릿을 사용자 정의합니다. 기본 템플릿에는 매니페스트 특성이 없으므로 자체 템플릿으로 바꾸어야합니다. 클래스 경로에서 masterpage.html 또는 masterpage-fallback.html 개의 파일을 검색하여 시작점으로 사용할 수 있습니다. 자신의 masterpage 템플릿을 가리 키도록 다음과 같은 구성 등록 정보를 추가

    <html manifest="my-app.appcache" ...> 
    
  • :

    org.seedstack.w20.masterpage-template = path/to/my-masterpage.html 
    
  • 는 HTML5를 가리키는, 당신의 masterpage 템플릿의 <html> 태그에 앱 캐시 매니페스트를 manifest 속성 추가

    애플리케이션 웹 리소스src/main/webapp 또는 META-INF/resources처럼 철저한 목록을 추가하십시오.

내 테스트 (비즈니스 테마를 사용) 만 생성 된 웹 응용 프로그램에 대해, 당신이 그것을 작동하도록 63 URLs to your manifest를 추가 할 필요가 있음을 보여준다.

매니페스트 유지 관리를 쉽게하려면 <html> 태그의 data-w20-app-version 특성을 제거하여 캐시 무효화 메커니즘을 사용하지 않도록 선택할 수 있습니다. 이렇게하면 모든 URL에서 버전 접미어가 제거됩니다.

  • 는 캐시 항목의 수의 제한이 (IE10 1000, 최신 버전에서 모르는) : IE/에지에서

    당신은 어떤 제한이나 한계에 대한 조심해야합니다.
  • 은 클라이언트 시스템 볼륨의 크기를 기반으로 전체 캐시의 크기 제한입니다.
  • 매니페스트는 text/cache-manifest MIME 유형과 함께 제공되어야합니다.
  • no-store cache 옵션으로 자원을 제공해야합니다. 여기 가장자리에

상세 정보 : 빠른 응답을위한 https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/dev-guide/networking-and-connectivity/application-cache/

+0

감사합니다.우리는이 작업을하려고하지만 오프라인 모드에서 인증 문제가 있습니다. 오프라인에서 인증을 관리해야한다고 생각하십니까? –

+0

Google은 SEED 애플리케이션을 올바르게 설정하고 Chrome 브라우저에서 완벽하게 작동 할 수 있습니다. 그러나 IE 11과 EDGE에서는 동일한 응용 프로그램이 파일을 캐싱하지 않습니다. 콘솔에 ** AppCache 치명적인 오류 **가 발생하여 캐싱이되지 않습니다. 또한 SEED가 없으면 간단한 웹 응용 프로그램의 경우 IE에서도 작동하도록 할 수 있습니다. –

+0

IE/Edge 용 섹션을 추가하기 위해 내 답변을 편집했습니다. –

관련 문제