Microsoft MVP성태의 닷넷 이야기
.NET Framework: 218. WCF REST 서비스 - 웹 브라우저 측 Ajax 호출 캐시 [링크 복사], [링크+제목 복사],
조회: 30301
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 
(연관된 글이 2개 있습니다.)
WCF REST 서비스 - 웹 브라우저 측 Ajax 호출 캐시

미리 말씀드리면, 이 문제는 WCF REST 서비스에 국한되지 않습니다. 단지, 서버 측 서비스의 테스트 환경이 WCF REST 서비스였다는 데 의미가 있을 뿐이지만, 어쩌면 WCF REST 서비스로 구현하면서도 역시 한 번쯤은 접할 수 있는 문제여서 제목을 이렇게 지은 것입니다. (사실... 제가 헤맸습니다. ^^;)

문제 현상은 이렇습니다. 인터넷 익스플로러의 경우, 임시 저장 파일을 쓰는 규칙이 아래 그림에서처럼 "Automatically"로 기본 설정되어 있습니다.

local_web_cache_with_ajax_call_1.png

이런 상태에서 클라이언트 측에 내려가는 웹 페이지(예를 들어, default.aspx)에서 Ajax 호출을 반복적으로 하게 되는 코드(예를 들어, 3초마다)를 작성하면 어떻게 될까요?

function ajaxJson(httpMethod, method, data, callback, error) {
    var url = "./AjaxWCFService/" + method;
    $.ajax({
        url: url,
        data: data,
        type: httpMethod,
        processData: true,
        contentType: "application/json",
        timeout: 1000 * 10,
        dataType: "json",
        success: callback,
        error: error
    });
}

function GetMyListResponse(result) 
{
    setTimeout(function () {
        CallGetAgentList();
    }, 1000 * 3);
}

function CallGetAgentList() 
{
    ajaxJson("GET", "GetMyList", "", GetMyListResponse, GetMyListResponse);
}

CallGetAgentList();

넵, 맞습니다. 위의 호출은 단 한 번만 호출되고 이후의 호출에 대해서는 브라우저 임의 재량에 맞겨지게 됩니다. (대개의 경우, 서버로의 호출이 발생되지 않습니다.) 물론, 이런 경우 브라우저 설정 값이 "Automatically"가 아닌 (대부분의 개발자 컴퓨터의 웹 브라우저 설정인) "Every time I visit the webpage"라고 설정되어 있으면 3초마다 호출이 발생합니다. 따라서, 개발자는 테스트가 잘 되는데, 고객 측의 컴퓨터에서는 이상 현상이 목격되는 것이죠. ^^

이때의 호출을 Fiddler로 가로채면 다음과 같은 식으로 나옵니다.

---------- 요청 ----------
GET http://testpc:7905/AjaxWCFService/GetMyList HTTP/1.1
Referer: http://testpc:7905/Test.aspx
Content-Type: application/json
X-Requested-With: XMLHttpRequest
Accept: application/json, text/javascript, */*
Accept-Language: ko
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; ..[생략]...)
Host: testpc:7905
Connection: Keep-Alive

---------- 응답 ----------
HTTP/1.1 200 OK
Cache-Control: private
Content-Length: 102
Content-Type: application/json; charset=utf-8
Server: Microsoft-IIS/7.5
X-AspNet-Version: 4.0.30319
X-SourceFiles: =?UTF-8?B?QzpcSmVubmlmZXJcTmV0U2xhXFdlYlxBamF4V2ViU2VydmljZVxHZXRBZ2VudExpc3Q=?=
X-Powered-By: ASP.NET
Date: Fri, 27 May 2011 16:28:05 GMT

...[json 포맷의 데이터]...

이러한 캐시 방지를 위해서 WCF REST 서비스 메서드 측에서는 캐시 정책에 변화를 줄 수 있는 옵션을 주어야 합니다.

[ServiceBehavior(InstanceContextMode = InstanceContextMode.PerCall)]
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Required)]
public class AjaxWCFService : IAjaxWCFService
{
    [WebGet(ResponseFormat = WebMessageFormat.Json)]
    public string GetMyList()
    {
        HttpContext.Current.Response.Expires = 0;
        return "....";
    }
}

위와 같이 변경해 주어도, 여전히 캐시가 되는 사용자가 있는데요. 어쩔 수 없습니다. 이미 캐시된 것을 반복사용하고 있는 것이기 때문에 브라우저 자체의 만료 기간이 지날 때까지 기다리든가, 아니면 사용자 PC에서 직접 임시 파일을 지워주어야 합니다.

일단, 이런 식으로 "Expires == 0"이 지정 되어 응답이 내려가면 다음과 같이 곧바로 만료가 되도록 Expires 헤더값이 지정됩니다.

HTTP/1.1 200 OK
Cache-Control: private
Content-Length: 2
Content-Type: application/json; charset=utf-8
Expires: Fri, 27 May 2011 16:36:16 GMT
Server: Microsoft-IIS/7.5
X-AspNet-Version: 4.0.30319
X-SourceFiles: =?UTF-8?B?QzpcSmVubmlmZXJcTmV0U2xhXFdlYlxBamF4V2ViU2VydmljZVxHZXRBZ2VudExpc3Q=?=
X-Powered-By: ASP.NET
Date: Fri, 27 May 2011 16:36:18 GMT

...[json 포맷의 데이터]...

아하~~~ 결국 Expires 헤더를 조정하는 것이니까, Expires = 0;뿐만 아니라 다음과 같이 다양한 메서드를 호출해도 효과는 동일하게 적용된다는 것이군요. ^^

HttpContext.Current.Response.Cache.SetExpires(DateTime.MinValue);




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 6/27/2021]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 



2011-06-23 10시37분
브라우저 cache 관련해서 다음의 글을 읽어보시면 도움이 될 것입니다. ^^

Caching Improvements in Internet Explorer 9
; (broken) http://blogs.msdn.com/b/ie/archive/2010/07/14/caching-improvements-in-internet-explorer-9.aspx
; https://all-markup-news.com/caching-improvements-in-internet-explorer-9/
정성태

... 46  47  48  49  50  51  [52]  53  54  55  56  57  58  59  60  ...
NoWriterDateCnt.TitleFile(s)
12640정성태5/13/202121010오류 유형: 716. RDP 연결 - Because of a protocol error (code: 0x112f), the remote session will be disconnected. [1]
12639정성태5/12/202117395오류 유형: 715. Arduino: Open Serial Monitor - The module '...\detection.node' was compiled against a different Node.js version using NODE_MODULE_VERSION
12638정성태5/12/202117630사물인터넷: 63. NodeMCU v1 ESP8266 - 펌웨어 내 파일 시스템(SPIFFS, LittleFS) 및 EEPROM 활용
12637정성태5/10/202117865사물인터넷: 62. NodeMCU v1 ESP8266 보드의 A0 핀에 다중 아날로그 센서 연결 [1]
12636정성태5/10/202118141사물인터넷: 61. NodeMCU v1 ESP8266 보드의 A0 핀 사용법 - FSR-402 아날로그 압력 센서 연동파일 다운로드1
12635정성태5/9/202116407기타: 81. OpenTabletDriver를 (관리자 권한으로 실행하지 않고도) 관리자 권한의 프로그램에서 동작하게 만드는 방법
12634정성태5/9/202114863개발 환경 구성: 572. .NET에서의 필수 무결성 제어 - 외부 Manifest 파일을 두는 방법파일 다운로드1
12633정성태5/7/202117897개발 환경 구성: 571. UAC - 관리자 권한 없이 UIPI 제약을 없애는 방법
12632정성태5/7/202119042기타: 80. (WACOM도 지원하는) Tablet 공통 디바이스 드라이버 - OpenTabletDriver
12631정성태5/5/202117901사물인터넷: 60. ThingSpeak 사물인터넷 플랫폼에 ESP8266 NodeMCU v1 + 조도 센서 장비 연동파일 다운로드1
12630정성태5/5/202118617사물인터넷: 59. NodeMCU v1 ESP8266 보드의 A0 핀 사용법 - CdS Cell(GL3526) 조도 센서 연동파일 다운로드1
12629정성태5/5/202120393.NET Framework: 1057. C# - CoAP 서버 및 클라이언트 제작 (UDP 소켓 통신) [1]파일 다운로드1
12628정성태5/4/202118289Linux: 39. Eclipse 원격 디버깅 - Cannot run program "gdb": Launching failed
12627정성태5/4/202118378Linux: 38. 라즈베리 파이 제로 용 프로그램 개발을 위한 Eclipse C/C++ 윈도우 환경 설정
12626정성태5/3/202118483.NET Framework: 1056. C# - Thread.Suspend 호출 시 응용 프로그램 hang 현상 (2)파일 다운로드1
12625정성태5/3/202116999오류 유형: 714. error CS5001: Program does not contain a static 'Main' method suitable for an entry point
12624정성태5/2/202121487.NET Framework: 1055. C# - struct/class가 스택/힙에 할당되는 사례 정리 [10]파일 다운로드1
12623정성태5/2/202117735.NET Framework: 1054. C# 9 최상위 문에 STAThread 사용 [1]파일 다운로드1
12622정성태5/2/202113552오류 유형: 713. XSD 파일을 포함한 프로젝트 - The type or namespace name 'TypedTableBase<>' does not exist in the namespace 'System.Data'
12621정성태5/1/202118465.NET Framework: 1053. C# - 특정 레지스트리 변경 시 알림을 받는 방법 [1]파일 다운로드1
12620정성태4/29/202121754.NET Framework: 1052. C# - 왜 구조체는 16 바이트의 크기가 적합한가? [1]파일 다운로드1
12619정성태4/28/202121648.NET Framework: 1051. C# - 구조체의 크기가 16바이트가 넘어가면 힙에 할당된다? [2]파일 다운로드1
12618정성태4/27/202119929사물인터넷: 58. NodeMCU v1 ESP8266 CP2102 Module을 이용한 WiFi UDP 통신 [1]파일 다운로드1
12617정성태4/26/202117144.NET Framework: 1050. C# - ETW EventListener의 Keywords별 EventId에 따른 필터링 방법파일 다운로드1
12616정성태4/26/202116829.NET Framework: 1049. C# - ETW EventListener를 상속받았을 때 초기화 순서파일 다운로드1
12615정성태4/26/202114089오류 유형: 712. Microsoft Live 로그인 - 계정을 선택하는(Pick an account) 화면에서 진행이 안 되는 문제
... 46  47  48  49  50  51  [52]  53  54  55  56  57  58  59  60  ...