페이스북 플래시 앱 개발

✔️ Flash Builder 4.6 + GraphAPI(Desktop) 1.8.1에서 테스트하였습니다.

페이스북 Adobe AIR 앱 개발

페이스북 데스크탑 플래시앱 개발

페이스북 플래시 데스크탑앱 개발

1 사전 작업

• 페이스북 앱ID 발급
• Flash Builder 설치

2 새 프로젝트

• 플래시 빌더 시작
• File --- New --- Flex Project
• Project name: 프로젝트명(예: Relight My Fire)
• Application type: (O) Desktop (runs in Adobe AIR)
• [Finish]

여기까지 하면 Main.mxml 소스코드가 아래와 같이 자동 생성된다.

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
					   xmlns:s="library://ns.adobe.com/flex/spark" 
					   xmlns:mx="library://ns.adobe.com/flex/mx">
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
</s:WindowedApplication>

3 API 추가

• http://code.google.com/p/facebook-actionscript-api/downloads/list 접속
• [GraphAPI_Desktop_1_8_1.swc] 클릭
• [GraphAPI_Desktop_1_8_1.swc] 클릭하여 다운로드
• 탐색기에서 GraphAPI_Desktop_1_8_1.swc를 선택하고 Ctrl+C(복사)
• Flash Builder --- Package Explorer --- 프로젝트명(예: Relight My Fire) --- libs 폴더 클릭 --- Ctrl+V(붙여넣기)

4 Main.mxml 수정

Main.mxml의 내용을 다음으로 교체. 단, "앱아이디"는 자신의 앱ID를 기입

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
					   xmlns:s="library://ns.adobe.com/flex/spark"
					   xmlns:mx="library://ns.adobe.com/flex/mx"
					   currentState="LoggedOut" creationComplete="init()">
	<s:states>
		<s:State name="LoggedOut"/>
		<s:State name="LoggedIn"/>
	</s:states>
	<fx:Script>
		<![CDATA[
			import com.facebook.graph.FacebookDesktop;
			private function init():void {
				FacebookDesktop.init("앱아이디", handleLogin);
			}
			private function handleLogin(session:Object, fail:Object):void {
				if (session != null) {
					currentState = "LoggedIn";
					userImage.source = FacebookDesktop.getImageUrl(session.uid, "large");
					userName.text = session.user.name;
				}
			}
			private function doLogin():void {
				FacebookDesktop.login(handleLogin);
			}
			private function doLogout():void {
				FacebookDesktop.logout();
				currentState = "LoggedOut";
			}
		]]>
	</fx:Script>
	<s:Button includeIn="LoggedOut" x="10" y="10" label="로그인" click="doLogin()"/>
	<s:Image includeIn="LoggedIn" id="userImage" x="10" y="39"/>
	<s:Label includeIn="LoggedIn" id="userName" x="88" y="10"/>
	<s:Button includeIn="LoggedIn" x="10" y="10" label="로그아웃" click="doLogout()"/>
</s:WindowedApplication>

5 테스트

• Ctrl+F11을 눌러 실행

6 같이 보기

• 페이스북 아이폰앱 개발
• 페이스북 안드로이드앱 개발
• 페이스북 플래시앱 배포
• 페이스북 플래시웹앱 개발
• 플래시 빌더 데스크탑 앱 개발
• 페이스북 앱 개발

8 참고

• http://www.adobe.com/devnet/facebook/articles/video_facebook_quick_start.html