Java, Android, MySQL, PHP, HTML

Tutorial Android Login Menggunakan Akun Facebook

Sekarang-sekarang ini banyak aplikasi yang mementi penggunanya untuk membuat akun pada aplikasi tersebut. Ada banyak cara yang dapat digunakan untuk membuat akun (yang disediakan aplikasi), antara lain : Menggunakan email, Facebook, Google, dll.

Pada umumnya para programmer menggunakan akun Facebook dan Google untuk membuat akun, selain menggunakan email.

Informasi di ambil dari Google dan Facebook pada umumnya adalah nama, email, photo profile dan informasi public lainnya.

Disamping itu, kalian juga bisa memposting sesuatu ke facebook melalui aplikasi yang kalian buat. Saya akan membuatkan tutorialnya nanti. Menarik kan?

Android Login Menggunakan Akun Facebook




Hal pertama yang harus kalian lakukan adalah membuat akun Facebook. Tapi saya rasa kalian semua sudah punya facebook kan?

Untuk dapat mengintegrasikan aplikasi yang kalian buat dengan facebok, pertama kalian harus meng genarated APP ID. Untuk mendapatkan APP ID, kalian harus punya HASH KEY

Baca juga : Tutorial Android Login Menggunakan Akun Google Plus

Generate HashKey


Gunakan kode dibawah ini dan jalankan aplikasi kalian, kalian akan melihat hasilnya di console/logcat.

Hasilnya terlihat seperti gambar dibawah ini :



Membuat APP ID


Buka Facebook.Developer. Maka kalian akan dibawah di web page dimana kalian akan membuat APP.Lihat Gambar 1

Gambar 1
Buat aplikasi baru dan berikan nama, atau kalian juga dapat menggunakan APP yang sudah ada (yang pernah kalian buat sebelumnya)

Figure 2
Penjelasan pada Gambar 2 :

  1. Beri nama pada aplikasi yang kalian buat
  2. Tulis alamat email
  3. Klik Tombol Create App ID
Gambar 3
Penjelasan Gambar 3 :
  1. Klik menu setting pada pojok kiri atas
  2. Klik tombol add platform
Gambar 4
Penjelasan 4 :
  1. Pilih platform Android
Gambar 5
Penjelasan Gambar 5 :
  1. Tulis nama package project kalian
  2. Tulis nama class tempat proses login facebook akan dibuat (Contoh : LoginActivity)
  3. Paste kode HashKey
  4. Hidupkan Single Sign ON
  5. Save Changes
Gambar 6

Penjelasan Gambar 6 :
  1. Klik menu Overview Application
  2. Turn on akses untuk membuat aplikasi kalian menjadi public.

Copy ID Aplikasi dan tempatkan di Android Manifest.


Mari Mulai Melakukan Koding


1. Compile facebook SDK berikut  di build.gradle(app:Module):

 compile 'com.facebook.android:facebook-android-sdk:4.5.0' // this line for facebook SDK  

2. Di build.gradle(Project : YourProjectName), tambahkan mavenCentral() didalam repositories :

 allprojects {  
   repositories {  
     mavenCentral()//add this line for facebook    
   }  
 }  

3. Buka AndroidManifest.xml kemudian edit sedemikian rupa sehingga menyerupai kode dibawah ini :

4. Tambahkan kode berikut ini di styles.xml. Style ini digunakan untuk menyembunyikan/menghilangkan progressbar bawaan facebook ketika proses login dimulai.

5. Di layout login kalian, paste kode dibawah ini, Di project ini saya berikan nama untuk layout login sebagai activity_facebook_login.xml

Pada kode diatas, button login facebook ditempatkan didalam FrameLayout, itu dimaksudkan karena saya ingin membuat custom button, tidak dengan button login bawaannya facebook. Visibility button dibuat gone.

6. Terakhir, penjelasan kode MainActivity.java (Kode untuk login menggunakan facebook).

Dalam OnCreate(), kalian harus mendefinisikan

 FacebookSdk.sdkInitialize(getApplicationContext());  

diatas

 setContentView(R.layout.activity_facebook_login);  

Kemudian, buat CallBackManager  :

 callBackManager = CallbackManager.Factory.create();  

Jika aplikasi yang kalian buat mengharuskan untuk mendapatkan akses token terbarunya, maka kalian dapat menggunakan kode dari Access Token Tracer berikut ini :

 accessTokenTracker= new AccessTokenTracker() {  
   @Override    
   protected void onCurrentAccessTokenChanged(AccessToken oldToken, AccessToken newToken{  
    //TO DO  
   }  
 };  

Dapatkan informasi public profile kalian dengan menggunakan Profile Tracker

 profileTracker = new ProfileTracker() {  
   @Override    
   protected void onCurrentProfileChanged(Profile oldProfile, Profile newProfile) {  
     updateUI(newProfile);  
   }  
 };  

Karena kita menempatkan LoginButton didalam FrameLayout, maka kita harus menempatkan semua proses LoginButton juga didalam FrameLayout (didalam onclicknya si frameLayout)

 frameLayoutLoginFacebook.setOnClickListener(new View.OnClickListener() {  
   @Override    
   public void onClick(View view) {  
     progressDialog.show();  
     btnLoginFacebook.setSoundEffectsEnabled(false);  
     btnLoginFacebook.performClick();  
     btnLoginFacebook.setPressed(true);  
     btnLoginFacebook.invalidate();  
     btnLoginFacebook.registerCallback(callBackManager, callBack);  
   }  
 });  

Untuk lebih jelasnya, berikut ini saya tampilakn kode full dari proses login menggunakan facebook :

Selesai! Jalankan project kalian. Semoga berjalan dengan baik dan tidak ada error yang berarti. Jika ada saran atau pertanyaan, silakan lakukan di kolom komentar. Terimakasih
0 Comment(s) for "Tutorial Android Login Menggunakan Akun Facebook"

Please post a polite comment and do not post a spam

Back To Top
close