✔️ 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][1]
여기까지 하면 Main.mxml 소스코드가 아래와 같이 자동 생성된다.
actionscript
Copy
<?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를 기입[2]
actionscript
Copy
<?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 같이 보기[ | ]
7 주석[ | ]
8 참고[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.
페이스북 ―Pinkcrimson
페이스북 ID 확인 ― Rorychapman페이스북 게시물 순위 알고리즘 EdgeRank ―Pinkcrimson
페이스북 게시물 순위 알고리즘 EdgeRank ― John Jeong