Instalasi Facebook Android Di Emulator

14
8/7/2019 Instalasi Facebook Android Di Emulator http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 1/14  Sekarang hari situs jaringan sosial seperti facebook menjadi sangat populer, sehingga mengintegrasikan facebook dengan aplikasi telah menjadi keharusan untuk membuat aplikasi Anda populer. Kita akan melakukan hal yang sama melalui tutorial ini. The Facebook Connect SDK menyediakan kode yang ketiga pihak pengembang dapat menanamkan ke dalam aplikasi mereka untuk terhubung ke account mereka agar dan bertukar informasi dengan aplikasi Android. Ini adalah cara embedding "konteks sosial" untuk sebuah aplikasi Android, menurut dapat. Membuat Aplikasi Viewbased dengan nama 'fbconnect-sampel'. Ikuti langkah-langkah berikut: 1) agar Download Connect untuk Android * 1.1 Pertama, Anda harus mengatur proyek java baru dengan fbconnect itu sendiri. * 1.2 Kita harus menambahkan semua file stoples dan Perpustakaan seperti di bawah ini. * 1.3 Impor semua file dalam folder kelompok tujuan. * 1.4 Untuk menguji impor semua JAR dan perpustakaan dalam hal apapun miss.And kompilasi. 2) Login ke Facebook. Setelah itu pergi ke Developers Page (http://www.facebook.com/developers/) seperti yang ditunjukkan di bawah ini. 3) Daftar aplikasi Anda dengan Facebook * 3.1 Klik pada Mengatur Tombol Aplikasi Baru di sudut kanan atas. * 3.2 Aplikasi Berikan nama dan klik pada tombol menciptakan aplikasi. Kemudian Anda akan melihat layar aplikasi baru dengan detail termasuk "API key" dan "Rahasia API Key" 4) Sekarang Simpan proyek (Command + S). Membangun dan Proyek Run. 5) Klik Tombol Fconnect dan Facebook Login Dialog akan muncul. 6) Login dengan nama user Anda dan Password. Klik mempublikasikan ke Feed. 7) Tunggu sampai posting ke Wall Dialog muncul. 8) Psn di Facebook akan sesuatu yang terlihat seperti ini.

Transcript of Instalasi Facebook Android Di Emulator

Page 1: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 1/14

 

Sekarang hari situs jaringan sosial seperti facebook menjadi sangat populer, sehingga mengintegrasikan

facebook dengan aplikasi telah menjadi keharusan untuk membuat aplikasi Anda populer. Kita akan

melakukan hal yang sama melalui tutorial ini. The Facebook Connect SDK menyediakan kode yang ketiga

pihak pengembang dapat menanamkan ke dalam aplikasi mereka untuk terhubung ke account mereka

agar dan bertukar informasi dengan aplikasi Android. Ini adalah cara embedding "konteks sosial" untuk

sebuah aplikasi Android, menurut dapat.

Membuat Aplikasi Viewbased dengan nama 'fbconnect-sampel'.

Ikuti langkah-langkah berikut:

1) agar Download Connect untuk Android

* 1.1 Pertama, Anda harus mengatur proyek java baru dengan fbconnect itu sendiri.

* 1.2 Kita harus menambahkan semua file stoples dan Perpustakaan seperti di bawah ini.

* 1.3 Impor semua file dalam folder kelompok tujuan.

* 1.4 Untuk menguji impor semua JAR dan perpustakaan dalam hal apapun miss.And kompilasi.

2) Login ke Facebook.

Setelah itu pergi ke Developers Page (http://www.facebook.com/developers/) seperti yang ditunjukkan

di bawah ini.

3) Daftar aplikasi Anda dengan Facebook

* 3.1 Klik pada Mengatur Tombol Aplikasi Baru di sudut kanan atas.

* 3.2 Aplikasi Berikan nama dan klik pada tombol menciptakan aplikasi. Kemudian Anda akan melihat

layar aplikasi baru dengan detail termasuk "API key" dan "Rahasia API Key"

4) Sekarang Simpan proyek (Command + S). Membangun dan Proyek Run.

5) Klik Tombol Fconnect dan Facebook Login Dialog akan muncul.

6) Login dengan nama user Anda dan Password. Klik mempublikasikan ke Feed.

7) Tunggu sampai posting ke Wall Dialog muncul.

8) Psn di Facebook akan sesuatu yang terlihat seperti ini.

Page 2: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 2/14

 

Deskripsi

1) agar Download Connect untuk Android

http://code.google.com.iproxy.saverpigeeks.com/p/fbconnect-android/downloads/list

Hanya pergi melalui proyek. Secara khusus, "Connect" proyek sampel. Contoh Proyek memberikan

demo dari beberapa fungsi tersebut.

1.1 Pertama, Anda harus mengatur proyek java baru dengan fbconnect itu sendiri.

- Unzip "fbconnect-android.zip/api" ke dalam ruang kerja Anda dan kemudian

Proyek Impor untuk Eclipse.

Add-eksternal perpustakaan "android.jar" ke dalam proyek membangun

 jalan. Saya menggunakan android.jar dari Android 1.6.

-Setelah mengkompilasi - dari gerhana's menu pilih File-> Export-> Java-

> Jar file

- Pilih "src" proyek fbconnect's direktori sebagai sumber daya untuk ekspor.

-. Ketik path dan nama diekspor jar (fbconnect.jar)

- Pergi ke preferensi proyek anda dan menambahkan fbconnect.jar ke dalam

perpustakaan (dalam Build Path Jawa)

1.2 Kita harus menambahkan semua stoples dan Perpustakaan file sebagai berikut.

Page 3: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 3/14

 

1.3 Import all files destination group folder. It should also look as shown below.

Page 4: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 4/14

1.4.To uji impor semua JAR dan perpustakaan dalam hal apapun lewatkan dan kompilasi.

After that go to Developers Page (http://www.facebook.com/developers/) as shown below. 

facebookdeveloperslogin

3) Register your application with Facebook. 

Page 5: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 5/14

facebooksetapplication

3.1.Click on Set up New Application Button in the upper right hand corner. 

3.2. Give Application name and click on create application button. Then you will see new

application screen with detail including ³API key´and ³API Secret Key´ 

facebookapikey

Catatan: Aplikasi ini tidak akan bekerja sampai Anda memberikan Anda agar aplikasi kunci API.Sekarang untuk memulai dengan coding yang sebenarnya:

Append Following code in .xml file for UI Design

01 <?xml version="1.0" encoding="utf-8"?> 

02 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 

03  android:orientation="vertical" android:layout_width="fill_parent"  

04  android:layout_height="fill_parent" android:background="@drawable/cyan"  

05  android:gravity="center_horizontal">  

06 

07  <com.codecarpet.fbconnect.FBLoginButton  

08  android:id="@+id/login" 

09  android:layout_width="wrap_content"  

Page 6: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 6/14

10  android:layout_height="wrap_content"  

11  android:layout_margin="30dp" 

12  /> 

13 

14  <TextView android:id="@+id/label" 

15  android:textColor="@drawable/black"  16  android:layout_width="wrap_content"  

17  android:layout_height="wrap_content"  

18  android:layout_margin="30dp" 

19  /> 

20 

21  <Button android:id="@+id/permissionButton"  

22  android:layout_width="wrap_content"  

23  android:layout_height="wrap_content"  

24  android:text="@string/get_permission"  

25  android:visibility="invisible" 

26  android:paddingRight="30dp" 

27  android:paddingLeft="30dp" 

28  android:layout_margin="30dp" 

29  /> 

30 

31  <Button android:id="@+id/feedButton" 

32  android:layout_width="wrap_content"  

33  android:layout_height="wrap_content"  

34  android:text="@string/publish_to_feed"  

35  android:visibility="invisible" 

36  android:paddingRight="30dp" 

37  android:paddingLeft="30dp" 

38  android:layout_margin="30dp" 

39  /> 

40 

41 </LinearLayout> 

view source  print? 01 private static final String API_KEY = ""; // "<YOUR API KEY>"; 

02 

03 // Enter either your API secret or a callback URL (as described in

documentation): 

04  private static final String API_SECRET = ""; // "<YOUR SECRET KEY>"; 

05  private static final String GET_SESSION_PROXY = null; 

06 

07 private FBSession mSession; 

Page 7: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 7/14

08 

09 if (GET_SESSION_PROXY != null) { 

10 mSession =

FBSession.getSessionForApplication_getSessionProxy(API_KEY,  

11  GET_SESSION_PROXY, new FBSessionDelegateImpl()); 

12  } else { 13  mSession = FBSession.getSessionForApplication_secret(API_KEY, 

14  API_SECRET, new FBSessionDelegateImpl()); 

15  } 

Di sini, di fbconnect-samplesAppDelegate yang baru saja kita mendeklarasikan variabel mSession

referensi FBSession tipe untuk melacak sesi dan untuk memeriksa apakah sesi untuk pengguna saat ini

ada atau tidak.

01 private void askPermission() { 

02  Intent intent = new Intent(this, FBPermissionActivity.class); 

03  intent.putExtra("permissions", new String[]{"publish_stream"}); 

04  this.startActivityForResult(intent, PERMISSION_REQUESTCODE ); 

05  } 

06 

07  @Override 

08 protected void onActivityResult(int requestCode, int resultCode, Intent

data) { 

09  super.onActivityResult(requestCode, resultCode, data); 

10 

11  switch (requestCode){ 

12  case PERMISSION_REQUESTCODE: 

13  if (resultCode == 1) 

14  { 

15  mPermissionButton.setVisibility(View.INVISIBLE);  

16  mFeedDirectButton.setVisibility(View.VISIBLE);  

17  } 

18  default: 

19  return; 

20  } 

21 

22  } 

23 

24  private void publishFeed() { 

25  Map<String, String> params = new HashMap<String, String>(); 

26  params.put("attachment", "{\"name\":\"Facebook Connect for Android\", 

Page 8: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 8/14

27 \"href\":\"http://code.google.com/p/fbconnect-

android/\", 

28 

\"caption\":\"Caption\",\"description\":\"Description\", 

29 

\"media\":[{\"type\":\"image\",\"src\":\"http:/  

30 

/img40.yfrog.com/img40/5914/iphoneconnectbtn.jpg\", 

31  \"href\":\"http://developers.facebook.com/  

32  connect.php?tab=iphone/\"}], 

33  \"properties\":{\"another link\":{\"text\": 

34  \"Facebook home page\",\"href\": 

35  \ "http://www.facebook.com\" 

36 } 

37 } 

38 }"); 

39 

40 // publish_stream extended permission is required to call

Stream.publish 

41  FBRequest.request().call("Stream.publish", params); 

42  } 

43 

44  private void publishFeedWithPrompt() { 

45  Intent intent = new Intent(this, FBFeedActivity.class); 

46  intent.putExtra("userMessagePrompt", "Example prompt"); 

47 intent.putExtra("attachment", "{\"name\":\"Facebook Connect for 

Android\", 48 

\"href\":\"http://code.google.com/p/fbconnect-android/\", 

49 \"caption\":

\"Caption\",\"description\":\"Description\",  

50  \"media\":[{\"type\":\"image\",\"src\":  

51  \"http://img40.yfrog.com 

52  /img40/5914/iphoneconnectbtn.jpg\",  

53  \"href\":\"http://developers.facebook.com  

54  /connect.php?tab=iphone/\"}],\"properties\":  

55 {\"another link\":{\"text\":\"Facebook home

page\", 56  \"href\":\"http://www.facebook.com\"  

57 } 

58 } 

59 }"); 

60  this.startActivityForResult(intent, MESSAGE_PUBLISHED); 

61  } 

Page 9: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 9/14

Tentukan kunci API kunci dan Rahasia dengan tombol yang Anda terima saat mendaftar aplikasianda di facebook.

1. swasta statis final String kApiKey = "7e835e394c0c8283fab2929108d6218f";2. swasta statis final String kApiSecret = "eff16d8c6a2c6a9440d9ed63598ad501";

Validasi sesi variabel dalam requestDidLoad. Jika tidak ada kemudian membuat hal yang samauntuk menggunakan kunci API kunci dan Rahasia. Untuk itu, orang perlu untuk menyesuaikan protokol FBSessionDelegate dalam file masing-masing. Juga membuat tombol login

menggunakan FBLoginButton.01 private class FBRequestDelegateImpl extends FBRequestDelegate { 

02 

03  @Override 

04  public void requestDidLoad(FBRequest request, Object result) { 

05 

06  String name = null; 

07 08  if (result instanceof JSONArray) { 

09  JSONArray jsonArray = (JSONArray) result; 

10  try { 

11  JSONObject jo = jsonArray.getJSONObject(0); 

12  name = jo.getString("name"); 

13  } catch (JSONException e) { 

14  Log.e(LOG, "Login response error", e); 

15  } 

16  } 

17  mLabel.setText("Logged in as " + name); 

18  } 

19 

20  @Override 

21 public void requestDidFailWithError(FBRequest request, Throwable

error) { 

22  mLabel.setText(error.toString()); 

23  } 

24  } 

25 

26  private class FBHasPermissionRD extends FBRequestDelegate { 

27 

28  @Override 

29 public void requestDidFailWithError(FBRequest request, Throwable

error) { 

30  super.requestDidFailWithError(request, error); 

31  } 

32 

Page 10: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 10/14

33  @Override 

34  public void requestDidLoad(FBRequest request, Object result) { 

35  int hasPermission = 0; 

36 

37  if (result instanceof JSONArray) { 

38  JSONArray jsonArray = (JSONArray) result; 

39  try { 

40  JSONObject jo = jsonArray.getJSONObject(0); 

41  hasPermission = jo.getInt("publish_stream"); 

42  if (hasPermission == 0) { 

43  mHandler.post(new Runnable() { 

44  public void run() { 

45 

mPermissionButton.setVisibility(View.VISIBLE); 

46  } 

47  }); 48  } 

49  else 

50  mFeedDirectButton.setVisibility(View.VISIBLE);  

51  } catch (JSONException e) { 

52  Log.e(LOG, "Permission response error", e); 

53  } 

54  } 

55  } 

Methos ini secara otomatis dipanggil ketika user login menggunakan FBConnect SDK.

Dalam metode ini, kita mendapatkan sesi untuk pengguna tersebut dan itu uid yang unik untuk  pengguna tersebut.Setelah sesi FBSession adalah avaiable, kita dapat accesss semua API yang disediakan oleh

Facebook.Untuk saat ini, kita akan melihat bagaimana untuk mengirim nama pengguna dan status di

dinding facebook.Untuk mendapatkan username agar permintaan adalah mengirim di mana query pilih ditulis

untuk mendapatkan username menggunakan uid01 private class FBDialogDelegateImpl extends FBDialogDelegate { 

02  @Override 

03 public void dialogDidFailWithError(FBDialog dialog, Throwable error)

{ 04  mLabel.setText(error.toString()); 

05  } 

06  } 

07 

08  private void checkPermission() { 

09  String fql = "select publish_stream from permissions where uid == " 

Page 11: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 11/14

10 + String.valueOf(mSession.getUid()); 

11  Map<String, String> params = Collections 

12  .singletonMap("query", fql); 

13  FBRequest.requestWithDelegate 

14  (new FBHasPermissionRD()).call("facebook.fql.query", params); 

15  } PublishFeed Gunakan metode untuk mengirim pesan di dinding facbook. Sebuah dialog muncul

dengan kotak pesan untuk posting di Wall.1  private void publishFeed() { 

3 Map<String, String> params = new HashMap<String, String>(); 

4  params.put("attachment", "{\"name\":\"Facebook Connect for Android 

6 // publish_stream extended permission is required to call

Stream.publish 

7  FBRequest.request().call("Stream.publish", params); 8  } 

Use sessionDidLogout method for logout from session.

view source  print? 01 public void sessionDidLogout(FBSession session) { 

02  mHandler.post(new Runnable() { 

03  public void run() { 

04  mLabel.setText(""); 

05  mPermissionButton.setVisibility(View.INVISIBLE);  

06  mFeedButton.setVisibility(View.INVISIBLE);  

07  } 

08  }); 

09  } 

10 

11  } 

Page 12: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 12/14

 

facebookconnect

5) Click on Fconnect Button and Facebook Login Dialog will appear. 

Page 13: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 13/14

facebooklogin

6) Login with your user name and Password.

Click on publish To Feed 

facebookloggedin

7) Wait for untill post to Wall Dialog pops up. 

Page 14: Instalasi Facebook Android Di Emulator

8/7/2019 Instalasi Facebook Android Di Emulator

http://slidepdf.com/reader/full/instalasi-facebook-android-di-emulator 14/14

 

facebookfeed

8) The Msg on Facebook will something look like this. 

facebookmessage