페이스북에 URL을 공유할 경우 페이스북은 해당 URL에 대한 OpenGraph 정보들을 캐싱한다.
메타 정보가 수시로 바뀌는 컨텐츠의 경우 Facebook의 URL 공유시 잘못된 정보가 매핑될 수 있다.
(이전에 캐싱됐던 내용이 적용되는 것)
이를 갱신하기 위한 방법이 여러 가지가 있다.
1. Facebook for Developers (개발자도구) 사이트를 이용하여 요청
Facebook의 개발자 사이트에서 OG 캐시의 동작을 확인하고 갱신하는 웹페이지를 제공한다.
다음 URL을 이용해 확인할 수 있다.
-> https://developers.facebook.com/tools/debug/
2. Facebook API 이용
Facebook에서 OG 캐시를 갱신할 수 있는 HTTP 기반의 API를 제공하고 있다.
다양한 플랫폼과 프로그래밍 언어를 통해 이 API를 호출하여 갱신할 수 있다.
# PHP + Curl (Web, Server-side)
$url = 'https://graph.facebook.com'; $ch = curl_init(); curl_setopt( $ch, CURLOPT_URL, $url ); curl_setopt( $ch, CURLOPT_RETURNTRANSFER, true ); curl_setopt( $ch, CURLOPT_POST, true ); $params = array( 'id' => 'http://www.picomax.net/', 'scrape' => true ); $data = http_build_query($params); curl_setopt($ch,CURLOPT_POSTFIELDS,$data); curl_exec( $ch ); $httpCode = curl_getinfo( $ch, CURLINFO_HTTP_CODE );
# Javascript (Web, Front-end)
// with jQuery $.post( 'https://graph.facebook.com', { id: 'http://www.picomax.net/', scrape: true }, function(response){ console.log(response); } );
# Vanilla Javascript (Web, Front-end)
//Check if facebook_refresh query string is present if(window.location.search.indexOf("facebook_refresh") >= 0) { //Feature check browsers for support if(document.addEventListener && window.XMLHttpRequest && document.querySelector) { //DOM is ready document.addEventListener("DOMContentLoaded", function() { var httpRequest = new XMLHttpRequest(); httpRequest.open("POST", "https://graph.facebook.com", true); httpRequest.onreadystatechange = function () { if (httpRequest.readyState == 4) { console.log("httpRequest.responseText", httpRequest.responseText); } }; //Default URL to send to Facebook var url = window.location; //og:url element var og_url = document.querySelector("meta[property='og:url']"); //Check if og:url element is present on page if(og_url != null) { //Get the content attribute value of og:url var og_url_value = og_url.getAttribute("content"); //If og:url content attribute isn't empty if(og_url_value != "") { url = og_url_value; } else { console.warn('<meta property="og:url" content=""> is empty. Falling back to window.location'); } } else { console.warn('<meta property="og:url" content=""> is missing. Falling back to window.location'); } //Send AJAX httpRequest.send("scrape=true&id=" + encodeURIComponent(url)); }); } else { console.warn("Your browser doesn't support one of the following: document.addEventListener && window.XMLHttpRequest && document.querySelector"); } }
# Objective-C (iOS)
- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. NSString *targetId = @"http://www.picomax.net"; //[self updateFacebookCache:targetId]; } - (void)updateFacebookCache:(NSString *)targetId { NSString *url = @"https://graph.facebook.com"; NSMutableDictionary *params = [[NSMutableDictionary alloc] init]; [params setObject:targetId forKey:@"id"]; [params setObject:@"true" forKey:@"scrape"]; AFHTTPSessionManager *manager = [[AFHTTPSessionManager alloc] initWithSessionConfiguration:[NSURLSessionConfiguration defaultSessionConfiguration]]; manager.requestSerializer = [AFJSONRequestSerializer serializer]; [manager.requestSerializer setValue:@"application/json" forHTTPHeaderField:@"Content-Type"]; [manager POST:url parameters:params progress:nil success:^(NSURLSessionDataTask * _Nonnull task, id _Nullable responseObject) { NSLog(@"success!"); } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) { NSLog(@"error: %@", error); }]; }
No. | Category | Subject | Author | Date | Views |
---|---|---|---|---|---|
117 | System/OS |
무료로 HTTPS 적용하기 (Lets' Encrypt)
![]() |
hooni | 2017.02.16 | 2397 |
116 | Etc |
모바일 프로그래머가 갖추어야 할 필수 역량
![]() |
hooni | 2017.02.16 | 1517 |
» | Develop |
[ios] Facebook Cache 갱신하는 함수
![]() |
hooni | 2017.02.27 | 1333 |
114 | Develop |
[js] Javascript로 만든 포트리스 (2010)
5 ![]() |
hooni | 2017.03.03 | 2831 |
113 | Etc |
종합시험 관련 자료
![]() |
hooni | 2017.03.15 | 0 |
112 | Develop |
[ios] 동영상 플레이어 샘플 (for PIP Player)
![]() |
hooni | 2017.03.15 | 1416 |
111 | Develop |
Mac OS 에 Jenkins 설치하기 (Homebrew)
2 ![]() |
hooni | 2017.03.15 | 8412 |
110 | Develop |
사이버보안실무 수업 메모
![]() |
hooni | 2017.03.23 | 0 |
109 | Develop |
[ios] Xcode에서 특정 파일만 ARC 따로 설정하는 방법
![]() |
hooni | 2017.03.29 | 1099 |
108 | Database | [mysql] 쿼리 실행시 ERROR 1366 (HY000) : incorrect string value : for column 3 | hooni | 2017.03.30 | 8985 |
107 | Etc | 사이버보안실무 수업 메모 | hooni | 2017.03.30 | 955 |
106 | Develop |
[ios] 비디오,네트워크,소셜로그인 테스트
![]() |
hooni | 2017.04.04 | 810 |