[Facebook] 페이스북에 Flash(swf)파일 삽입해서 글쓰기

자바스크립트(Javascript) 2011. 1. 1. 20:03
 
페이스북 개편되면서 방식이 바뀌었어요 ㅇㅇ

일단 그냥 쓰는건 안되구요. 애플리케이션을 거쳐서 쓰면 써지더라구요. 왜 그냥 삽입하는 방법은 뭔가 보안적인 문제가 있어서 그럴 것 같은데... 애플리케이션을 사용해서 하게 되면 이상한 것을 포스팅 시키는 앱은 차단시켜버리면 되니깐요.

일단 현재 페이스북에서는 유튜브 동영상은 링크만으로도 자동으로 삽입이 되어서 클릭하면 페이스북 페이지에서 바로 동영상 감상할 수 있는 구조가 되어있죠.
일부 어떤 앱들은 포스팅할 때 플래시를 포스팅을 하더라구요. 그래서 어떻게 하는거지 찾아보다가 찾게 되었는데, 그냥 담벼락에 포스팅할 때 파라메터에 source를 추가하고 그 source에서 swf경로를 넣으면 되더라구요.

graph api중 하나인 담벼락에 글쓰기 /me/feed를 호출하는데, source에 swf경로만 넣으면 끝임 ㅇㅇ

간단한 예제

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			.login{}
			.write{display:none}
		</style>
		<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
			});
		</script>
	</head>
	<body>
		<div id="fb-root"></div>
		<script src="http://connect.facebook.net/en_US/all.js"></script>
		<script>
		  FB.init({
		    appId  : '126292714090241',
		    status : true, // check login status
		    cookie : true, // enable cookies to allow the server to access the session
		    xfbml  : true  // parse XFBML
		  });
		  
		  FB.login(function(response){
		  	if (response.session){
				$(".login").hide();
				$(".write").show();
				
				$("#btnMessage").click(function(){
					$(".write").hide();
					$(".message").html("글쓰는 중!!!");
					var message = "아이유의 I Believe~!";
					var picture = "http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs625.ash1/27538_121461621211921_7447_n.jpg";
					var link = "http://todayhumor.co.kr/board/search_view.php?table=humorbest&no=321269";
					var source = "https://t1.daumcdn.net/cfile/tistory/131B54424D1DEEB51C";
					var name = "";
					var description = "";
					var type = "swf";
					FB.api("/me/feed", "post", {message:message, picture:picture, source:source, link: link, name: name, type: type }, function(response){
						$(".message").html("");
						$(".write").show();
						if (!response || response.error){
							alert("Error occured: " + response.error.message);
						} else {
							alert("Post ID: " + response + ", 글쓰기 완료~!");
						}
					});
				});
			} else {
				alert("로그인 취소!");
			}
		  }, {perms:"read_stream, publish_stream, offline_access"});
		</script>
		<div class="login">
		</div>
		<div class="write">
			<input type="button" id="btnMessage" value="글쓰기"/>
		</div>
		<div class="message">
		</div>
	</body>
</html>
로그인하고 글쓰기 하면 아이유 동영상이 하나 포스팅될겁니다-_-
예제를 보면 그냥 로그인 후에 /me/feed에 해당 파라메터로 글을 쓰는 게 다입니다.
참고하세요~^^

PS. 출처는.....오늘의유머에요~ㅠㅠ


 
Posted by 머드초보
,

티스토리툴바