편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
1번째 줄: | 1번째 줄: | ||
{{ | {{작성중}} | ||
;페이스북 플래시웹앱 개발 | ;페이스북 플래시웹앱 개발 | ||
;플래시 페이스북앱 개발 | ;플래시 페이스북앱 개발 | ||
10번째 줄: | 10번째 줄: | ||
*File --- New --- Flex Project | *File --- New --- Flex Project | ||
*"New Flex Project" --- Project name: 프로젝트명(예: RelightMyFireWeb) --- (O) Web (runs in Adobe Flash Player) --- (O) Use default SDK (currently "Flex 4.6.0") --- [Finish] | *"New Flex Project" --- Project name: 프로젝트명(예: RelightMyFireWeb) --- (O) Web (runs in Adobe Flash Player) --- (O) Use default SDK (currently "Flex 4.6.0") --- [Finish] | ||
==SDK 추가== | ==SDK 추가== | ||
32번째 줄: | 21번째 줄: | ||
==RelightMyFireWeb.mxml 수정== | ==RelightMyFireWeb.mxml 수정== | ||
RelightMyFireWeb.mxml 파일 내용을 다음으로 교체. 단, 앱아이디 부분에는 자신의 앱ID를 기입 | RelightMyFireWeb.mxml 파일 내용을 다음으로 교체. 단, 앱아이디 부분에는 자신의 앱ID를 기입 | ||
< | <source lang='actionscript'> | ||
<?xml version="1.0" encoding="utf-8"?> | <?xml version="1.0" encoding="utf-8"?> | ||
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" | <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" | ||
49번째 줄: | 38번째 줄: | ||
currentState="loggedin"; | currentState="loggedin"; | ||
Facebook.api("/me",getMeHandler); | Facebook.api("/me",getMeHandler); | ||
userImg. | userImg.source=Facebook.getImageUrl(success.uid,"large"); | ||
} | } | ||
protected function login():void { | protected function login():void { | ||
77번째 줄: | 66번째 줄: | ||
<s:Label id="birthdayLbl" includeIn="loggedin" x="10" y="39"/> | <s:Label id="birthdayLbl" includeIn="loggedin" x="10" y="39"/> | ||
</s:Application> | </s:Application> | ||
</ | </source> | ||
==index.html 생성== | ==index.html 생성== | ||
83번째 줄: | 72번째 줄: | ||
*"New File" --- File name:index.html --- [Finish] | *"New File" --- File name:index.html --- [Finish] | ||
*패키지 탐색기 --- RelightMyFireWeb --- src --- index.html 우클릭 --- Open With --- Text Editor | *패키지 탐색기 --- RelightMyFireWeb --- src --- index.html 우클릭 --- Open With --- Text Editor | ||
<source lang='html5'> | |||
< | |||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> | <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> | ||
102번째 줄: | 90번째 줄: | ||
</body> | </body> | ||
</html> | </html> | ||
</ | </source> | ||
==HTML wrapper 해제== | ==HTML wrapper 해제== | ||
* | *패키지 탐색기 --- RelightMyFireWeb 우클릭 --- Properties | ||
*"Properties for RelightMyFireWeb" --- Flex Compiler --- [ ] Generate HTML wrapper file --- [OK] | *"Properties for RelightMyFireWeb" --- Flex Compiler --- [ ] Generate HTML wrapper file --- [OK] | ||
*"Overwriting Files" --- [OK] | *"Overwriting Files" --- [OK] | ||
*Project --- Clean --- "Clean" | *Project --- Clean --- "Clean" --- [OK] | ||
==웹서버에 업로드== | ==웹서버에 업로드== | ||
*웹서버의 [[DOCUMENT_ROOT 폴더]] 아래에 RelightMyFire 폴더 생성 | *웹서버의 [[DOCUMENT_ROOT 폴더]] 아래에 RelightMyFire 폴더 생성 | ||
* | *패키지 탐색기 --- RelightMyFireWeb --- bin-debug 폴더 안에 있는 파일들(images 폴더는 제외)을 웹서버의 RelightMyFire 폴더에 업로드 | ||
*http://웹서버주소/RelightMyFire 에 접속하여 테스트 | *http://웹서버주소/RelightMyFire 에 접속하여 테스트 | ||
*login 버튼이 보인다. 버튼을 누르면 새 창이 열리고 다음과 같은 오류 메시지가 나온다. | *login 버튼이 보인다. 버튼을 누르면 새 창이 열리고 다음과 같은 오류 메시지가 나온다. | ||
[[file:error on fb login.png|400px]] | [[file:error on fb login.png|400px]] | ||
*플래시 빌더 --- Run --- Run Configurations... | |||
*"Run Configurations" --- [ ] Use default --- 그 아래 http://도메인/RelightMyFire/ --- [Run] | |||
이제부터는 실행(Run)시 로컬 파일 대신 웹상의 페이지가 열리게 된다. | |||
로그인 버튼을 눌렀을 때 오류가 나는 이유는, 페이스북에 등록되지 않은 페이지는 API를 사용하지 못하도록 되어 있기 때문이다. | |||
==페이스북에 웹페이지 등록== | ==페이스북에 웹페이지 등록== | ||
132번째 줄: | 126번째 줄: | ||
[[File:FB 앱이 필요로 하는 권한.png|300px]] | [[File:FB 앱이 필요로 하는 권한.png|300px]] | ||
* | ==아이콘 추가== | ||
*http://download.macromedia.com/pub/developer/facebook/flex45_fbgraph_assets.zip 를 클릭하여 다운로드 | |||
*압축 해제 | |||
*images 폴더 선택, 복사( {{키|Ctrl|C}} ) | |||
*플래시 빌더 --- 패키지 탐색기 --- RelightMyFireWeb --- src 폴더 선택, 붙이기( {{키|Ctrl|V}} ) | |||
==같이 보기== | ==같이 보기== | ||
*[[ | *[[페이스북 데스트탑 플래시앱 개발]] | ||
==참고== | ==참고 자료== | ||
*http://www.adobe.com/devnet/facebook/articles/flex_fbgraph_pt3.html | *http://www.adobe.com/devnet/facebook/articles/flex_fbgraph_pt3.html | ||
[[분류:페이스북]] | [[분류:페이스북]] | ||
[[분류:플래시]] | [[분류:플래시]] |