Implementasi Masuk Twitter di Aplikasi Android dengan Parse

17min
Cara menambahkan login twitter ke Aplikasi Android Anda
Pendahuluan
Bagian ini menjelaskan bagaimana Anda dapat membuat aplikasi dengan pendaftaran pengguna menggunakan Login Twitter dan fitur inti Parse Server melalui Back4App.
Ini akan terlihat seperti ini:
﻿
Kapan saja, Anda dapat mengakses Proyek Android lengkap yang dibangun dengan tutorial ini di repositori GitHub.
Prasyarat
Untuk menyelesaikan tutorial ini, kita perlu:
﻿Android Studio﻿
Sebuah aplikasi yang dibuat di Back4App.
Catatan: Ikuti tutorial Aplikasi Parse Baru untuk belajar cara membuat Aplikasi Parse di Back4App.
Sebuah aplikasi android yang terhubung ke Back4App.
Catatan: Ikuti tutorial Instalasi Parse SDK untuk membuat Proyek Android Studio yang terhubung ke Back4App.
Sebuah perangkat (atau perangkat virtual) yang menjalankan Android 4.1 (Jelly Bean) atau yang lebih baru.
- Pengaturan Twitter
Untuk mulai menggunakan fungsi Twitter, Anda perlu:
Pergi ke Situs Manajemen Aplikasi Twitter, masuk dengan akun Twitter dan klik pada Buat Aplikasi Baru.
Isi Detail Aplikasi. Ketika diminta untuk menentukan URL Callback, silakan masukkan twittersdk://. Ini adalah wajib untuk mengaktifkan otentikasi melalui Twitter.
﻿
Klik pada Perjanjian Pengembang dan kemudian pada Buat aplikasi Twitter Anda.
Buka Proyek Android Studio Anda, temukan build.gradle (Module: app) dan di bagian dependencies{} tambahkan kode berikut untuk menginstal Parse Twitter Utils SDK untuk Android.
// Jangan lupa untuk mengganti baris di bawah ini dengan versi terbaru dari Parse Twitter Utils SDK untuk Android
implementation 'com.github.parse-community:ParseTwitterUtils-Android:latest.version.here'
Ingat untuk memperbarui versi Parse Facebook Utils SDK untuk Android ke versi terbaru. Anda dapat mengetahui versi terbaru di situs JitPack, ikuti langkah-langkah berikut:
Di situs JitPack, tempel parse-community/ParseTwitterUtils-Android di kotak Git repo url.
Setelah itu, klik tombol Look up. Kemudian Anda harus melihat versi yang tersedia dari Parse Twitter Utils SDK untuk Android, seperti yang ditunjukkan pada gambar berikut. 
﻿
- Hubungkan Aplikasi Twitter Anda dengan Back4App
Di Proyek Android Studio Anda, di file Java yang disebut App yang memperluas Application yang Anda buat untuk menginisialisasi Parse SDK, pada onCreate metode, tepat setelah Parse.initialize() panggilan, gunakan kode berikut untuk menginisialisasi Parse Twitter Utils SDK.
Java
 ParseTwitterUtils.initialize(getString(R.string.twitter_consumer_key),  getString(R.string.twitter_consumer_secret));
 ParseTwitterUtils.initialize(getString(R.string.twitter_consumer_key),  getString(R.string.twitter_consumer_secret));
﻿
Jika Anda tidak memiliki file App.java seperti yang dijelaskan dalam langkah ini, akses dokumentasi Instal Parse SDK untuk Android dan pastikan Anda telah mengikuti semua langkah yang diperlukan untuk menginstal Parse SDK dengan benar. Jika Anda tidak menginstal Parse SDK dengan benar, login facebook Anda dengan Parse tidak akan berfungsi.
Pergi ke app > res > values > strings.xml file.
﻿
Di dalam file strings.xml tambahkan kode berikut:
<!-- Ubah string berikut sesuai kebutuhan -->
<string name="twitter_consumer_key">TEMPATKAN_TWITTER_CONSUMER_KEY_ANDA</string><string name="twitter_consumer_secret">TEMPATKAN_TWITTER_CONSUMER_SECRET_ANDA</string>
Biarkan file string.xml terbuka dan pergi ke Situs Web Back4App, masuk dan klik pada Aplikasi Saya. Temukan aplikasi Anda dan kemudian klik pada PENGATUR SERVER.
﻿
Temukan blok “Twitter Login” dan klik pada Pengaturan. Blok “Twitter Login” terlihat seperti ini:
﻿
Biarkan halaman Back4App Twitter Login yang Anda kunjungi terbuka dan pergi ke Situs Manajemen Aplikasi Twitter untuk menemukan aplikasi Anda dan klik pada namanya.
Klik pada Kunci dan Token Akses, salin Kunci Konsumen (API Key) dan Rahasia Konsumen (API Secret) dan tempelkan di halaman Back4App Twitter Login, mengisi kolom yang sesuai. Untuk menyelesaikannya, cukup klik pada SIMPAN. Kunci Konsumen (API Key) dan Rahasia Konsumen (API Secret) terlihat seperti ini:
﻿
Juga, salin Kunci Konsumen (API Key) dan Kunci Rahasia Konsumen (API Secret) dan tempelkan di strings.xml file dari Proyek Android Studio Anda.
- Masuk
Impor ke LoginActivity:
 import android.app.AlertDialog;
 import android.app.ProgressDialog;
 import android.content.DialogInterface;
 import android.content.Intent;
 import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
 import android.view.View;
 import android.util.Log;
 import android.widget.Button;
import android.widget.Toast;
11
import com.parse.LogInCallback;
import com.parse.ParseException;
import com.parse.twitter.ParseTwitterUtils;
import com.parse.ParseUser;
import com.parse.SaveCallback;
Untuk mengimplementasikan Login Twitter, cukup gunakan kode di bawah ini:
Java
 ParseTwitterUtils.logIn(LoginActivity.this, new LogInCallback() {
2
      @Override
      public void done(final ParseUser user, ParseException err) {
          if (err != null) {
              dlg.dismiss();
              ParseUser.logOut();
              Log.e("err", "err", err);
          }
         if (user == null) {
             dlg.dismiss();
             ParseUser.logOut();
             Toast.makeText(LoginActivity.this, "The user cancelled the Twitter login.", Toast.LENGTH_LONG).show();
             Log.d("MyApp", "Uh oh. The user cancelled the Twitter login.");
         } else if (user.isNew()) {
             dlg.dismiss();
             Toast.makeText(LoginActivity.this, "User signed up and logged in through Twitter.", Toast.LENGTH_LONG).show();
             Log.d("MyApp", "User signed up and logged in through Twitter!");
             user.setUsername(ParseTwitterUtils.getTwitter().getScreenName());
             user.saveInBackground(new SaveCallback() {
                 @Override
                 public void done(ParseException e) {
                     if (null == e) {
                         alertDisplayer("First tome login!", "Welcome!");
                     } else {
                         ParseUser.logOut();
                         Toast.makeText(LoginActivity.this, "It was not possible to save your username.", Toast.LENGTH_LONG).show();
                     }
                 }
             });
         } else {
             dlg.dismiss();
             Toast.makeText(LoginActivity.this, "User logged in through Twitter.", Toast.LENGTH_LONG).show();
             Log.d("MyApp", "User logged in through Twitter!");
             alertDisplayer("Oh, you!","Welcome back!");
         }
     }
 });
 ParseTwitterUtils.logIn(LoginActivity.this, new LogInCallback() {
2
      @Override
      public void done(final ParseUser user, ParseException err) {
          if (err != null) {
              dlg.dismiss();
              ParseUser.logOut();
              Log.e("err", "err", err);
          }
         if (user == null) {
             dlg.dismiss();
             ParseUser.logOut();
             Toast.makeText(LoginActivity.this, "The user cancelled the Twitter login.", Toast.LENGTH_LONG).show();
             Log.d("MyApp", "Uh oh. The user cancelled the Twitter login.");
         } else if (user.isNew()) {
             dlg.dismiss();
             Toast.makeText(LoginActivity.this, "User signed up and logged in through Twitter.", Toast.LENGTH_LONG).show();
             Log.d("MyApp", "User signed up and logged in through Twitter!");
             user.setUsername(ParseTwitterUtils.getTwitter().getScreenName());
             user.saveInBackground(new SaveCallback() {
                 @Override
                 public void done(ParseException e) {
                     if (null == e) {
                         alertDisplayer("First tome login!", "Welcome!");
                     } else {
                         ParseUser.logOut();
                         Toast.makeText(LoginActivity.this, "It was not possible to save your username.", Toast.LENGTH_LONG).show();
                     }
                 }
             });
         } else {
             dlg.dismiss();
             Toast.makeText(LoginActivity.this, "User logged in through Twitter.", Toast.LENGTH_LONG).show();
             Log.d("MyApp", "User logged in through Twitter!");
             alertDisplayer("Oh, you!","Welcome back!");
         }
     }
 });
﻿
Dalam proyek contoh, kode ini ditempatkan di dalam sebuahLOGIN VIA TWITTER callback tombol.
Menarik untuk menambahkan beberapa metode untuk menampilkan Dialog Peringatan dan membuat proses terlihat lebih profesional. Metode di bawah ini melakukan ini:
Java
 private void alertDisplayer(String title,String message){
         AlertDialog.Builder builder = new AlertDialog.Builder(LoginActivity.this)
                 .setTitle(title)
                 .setMessage(message)
                 .setPositiveButton("OK", new DialogInterface.OnClickListener() {
                     @Override
                     public void onClick(DialogInterface dialog, int which) {
                         dialog.cancel();
                         // don't forget to change the line below with the names of your Activities
                        Intent intent = new Intent(LoginActivity.this, LogoutActivity.class);
                        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK | Intent.FLAG_ACTIVITY_NEW_TASK);
                        startActivity(intent);
                    }
                 });
        AlertDialog ok = builder.create();
        ok.show();
}
 private void alertDisplayer(String title,String message){
         AlertDialog.Builder builder = new AlertDialog.Builder(LoginActivity.this)
                 .setTitle(title)
                 .setMessage(message)
                 .setPositiveButton("OK", new DialogInterface.OnClickListener() {
                     @Override
                     public void onClick(DialogInterface dialog, int which) {
                         dialog.cancel();
                         // don't forget to change the line below with the names of your Activities
                        Intent intent = new Intent(LoginActivity.this, LogoutActivity.class);
                        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK | Intent.FLAG_ACTIVITY_NEW_TASK);
                        startActivity(intent);
                    }
                 });
        AlertDialog ok = builder.create();
        ok.show();
}
﻿
- Keluar
Impor ke LoginActivity:
 import android.app.AlertDialog;
 import android.app.ProgressDialog;
 import android.content.DialogInterface;
 import android.content.Intent;
 import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
 import android.view.View;
 import android.widget.Button;
9
import com.parse.ParseUser;
Untuk mengimplementasikan Logout Twitter, cukup gunakan kode di bawah ini:
 ParseUser.logOut();
 alertDisplayer("Jadi, kamu akan pergi...", "Ok...Selamat tinggal");
Dalam proyek contoh, kode ini ditempatkan di dalam sebuahLOGOUT VIA TWITTER callback tombol.
Metode alertDisplayer adalah sama dengan yang kamu tambahkan di LoginActivity, ingatlah untuk mengubah Intent argumen. di file strings.xml dari Proyek Android Studio kamu.
Selesai!
Pada tahap ini, kamu dapat masuk, mendaftar, dan keluar dari aplikasi kamu dengan Twitter menggunakan fitur inti Parse Server melalui Back4App!