2013년 12월 11일 수요일

Cordova 3.2 에서 FacebookConnection plugin 등록과 테스트까지

 Adobe Phonegap Build의 Plugin  에서 FacebookConect Plugin 을 찾아서들어가면 repository주소가 있다고 그러면 github로 가게 될것이다.
https://build.phonegap.com/plugins

https://github.com/phonegap-build/FacebookConnect/tree/962eb0a1c07935ff813e28aa9eaa5581f2e10416


이제 repository 주소를 복사해서
커맨드창을 열어서 plugman을 이용해서 FacebookConnect plugin을 설치해 준다.
$ plugman install --platform android --project c:\workspace\HellWorld --plugin https://github.com/phonegap-build/FacebookConnect.git --variable APP_ID=123345 --variable APP_NAME=Hello
 plugin설치는 이것을 다된것이다. 이제는 테스트를 해볼 차례인데.

그전에 필요한 작업이 있다.

READ ME에 친절하게 설명이 되어 있지만 영어라서 너무 울렁 거린다.


Facebook 연동을 위해
https://developers.facebook.com
에서 개발자 등록을 해주고 앱등록을 해주어야 한다.

앱등록 할때 매우 주의해야 할 사항이 있다.
저는 이것때문에 1박2일을 쩔었습니다.
READ ME를 좀더 꼼꼼하게 보고 따라 했으면 안그랬을 것을 말입니다.

key hash를 등록하는 부분인데
Elipse에서 c:\Users\사용자이름\.android\debug.keystore 를 생성 하게 되는데,
이것을 openssl을 이용해서 hashkey 값을 받아서 등록을 해줘야 하는 하는데.

이때 openssl을 설치 해야 하는데 openssl이 문제였습니다.
window 64비트 이용자 같은 경우에는  0.9.8e , 0.9.8d 이 두개의 버전 중에 하나를 이용해야 합니다.
아니면 테스트 도중에 "Invalid android_key parameter.~~~ " 이런 에러를 만나실수 있습니다.

openssl 다운로드 받고 환경병수를 잡아 준다.
https://code.google.com/p/openssl-for-windows/downloads/list


이제 hash key를 생성할 준비가 다 된것이다.
생성하자.
$ keytool -exportcert -alias androiddebugkey -keystore %HOMEPATH%\.android\debug.keystore | openssl sha1 -binary | openssl base64
 이렇게 치면 비밀번호를 입력하라고 한다. 이때 이클립스가 만들때 비밀번호를 android로 만들 었기 때문에 android를 입력해주면된다.
## 주의해야 할 것은 만약 비밀번호를 입력하라고 하지 않으면 무엇인가 잘못 된것이다. 키값을 주지만 잘된것 키 값이니 낚이지 말자!!!
오타를 확인해 보고 .android/debug.keystore가 있는지 확인해 보자.


이제 Sample폴더의 index.html 를 옮겨다 놓고 테스트 하면 된다.

댓글 없음:

댓글 쓰기