--- title: Sign in with Twitter slug: back4app/dNpjV4qkmKBQ2MGWqG_W1 description: In this guide you learn how to implement twitter login on your Android project image: https://www.back4app.com/images/logo-social.png createdAt: 2024-03-14T12:48:45.017Z --- # How to add twitter login to your Android App ## Introduction This section explains how you can create an app with user registration using Twitter Login and [Parse Server core features](https://www.back4app.com/product/parse-server) through Back4App. It will look like this: ::Image[]{src="https://api.main.archbee.co/api/optimize/yD3zCY-NNBBIfd0uqcfR5/3Fmyms7qN4uXug_8PjCkl_twitter-login.gif" size="50" width="274" height="477" position="center" showCaption="false"} :::hint{type="success"} At any time, you can access the complete Android Project built with this tutorial at our [GitHub repository](https://github.com/back4app/android-geopoints-tutorial). ::: ## Prerequisites :::hint{type="info"} **To complete this tutorial, we need:** - [Android Studio](https://developer.android.com/studio/index.html) - An app created on Back4App. - **Note: **Follow the [New Parse App tutorial](https://www.back4app.com/docs/get-started/new-parse-app) to learn how to create a Parse App on Back4App. - An android app connected to Back4App. - **Note: **Follow the [Install Parse SDK tutoria](https://www.back4app.com/docs/android/parse-android-sdk)l to create an Android Studio Project connected to Back4App. - A device (or[ virtual device](https://developer.android.com/studio/run/managing-avds.html)) running Android 4.1 (Jelly Bean) or newer. ::: ## 1 - Twitter Set up To start using Twitter functions, you need to: 1. Go to [Twitter Application Management Website](https://apps.twitter.com/), sign in with a Twitter account and click on `Create New App`. 2. Fill in the `Application Details`. When asked to specify `Callback URLs`, please insert `twittersdk://`. This is **mandatory** in order to enable authentication through Twitter. ![](https://api.main.archbee.co/api/optimize/yD3zCY-NNBBIfd0uqcfR5/4KreLh6xuEZyCgXIVo4ge_image.png) 3\. Click on the `Developer Agreement` and then on `Create your Twitter application`. 4\. Open your Android Studio Project, find your `build.gradle (Module: app)` and in the `dependencies{}` section add the following code to install the Parse Twitter Utils SDK for Android. :::BlockQuote *1 // Don't forget to change the line below with the latest version of Parse Twitter Utils SDK for Android* 2 implementation 'com.github.parse-community\:ParseTwitterUtils-Android\:latest.version.here' ::: :::hint{type="info"} Remember to update the version of Parse Facebook Utils SDK for Android to the latest one. You can find out which is the latest version at the [JitPack website](https://jitpack.io/), following these steps: 1. At JitPack website paste `parse-community/ParseTwitterUtils-Android`in the `Git repo url`box. 2. After doing that, click on the `Look up`button. Then you should see the available versions of Parse Twitter Utils SDK for Android, as shown in the following image. ![](https://api.main.archbee.co/api/optimize/yD3zCY-NNBBIfd0uqcfR5/i9JXLBBrNNsgQarX_tI8u_image.png) ::: ## 2 - Link your Twitter App with Back4App 1. In your Android Studio Project, in the Java file called `App` that extends Application that you created to initialize the Parse SDK, on its `onCreate`method, right after `Parse.initialize()`call, use the following code to initialize Parse Twitter Utils SDK. ```java 1 ParseTwitterUtils.initialize(getString(R.string.twitter_consumer_key), getString(R.string.twitter_consumer_secret)); ``` :::hint{type="danger"} **If you don’t have an **`App.java`** file as described in this step, access the [Install Parse SDK for Android](https://www.back4app.com/docs/android/parse-android-sdk) documentation and make sure that you have followed all the steps required to install Parse SDK correctly. If you do not install Parse SDK properly your facebook login with Parse will not work.** ::: 2\. Go to `app` > `res` > `values` > `strings.xml` file. ![](https://api.main.archbee.co/api/optimize/yD3zCY-NNBBIfd0uqcfR5/NwZ3K7fEHhCwOPW3tu19G_image.png) 1. In the `strings.xml` file add the following code: :::BlockQuote *\ *\PASTE\_YOUR\_TWITTER\_CONSUMER\_KEY\\PASTE\_YOUR\_TWITTER\_CONSUMER\_SECRET\ ::: 2\. Leave the `string.xml` opened and go to Back4App Website, log in and click on `My Apps`. Find your app and then click on `SERVER SETTINGS`. ![](https://api.main.archbee.co/api/optimize/yD3zCY-NNBBIfd0uqcfR5/DelZzb12DpiSGO6982KlB_image.png) 1. Find the “Twitter Login” block and click on `Settings`. The “Twitter Login” block looks like this: ![](https://api.main.archbee.co/api/optimize/yD3zCY-NNBBIfd0uqcfR5/SVtBq40Gp_rC_p1fs-9t9_image.png) 2\. Leave the *Back4App Twitter Login *page you visited opened and go to [Twitter Application Management Website](https://apps.twitter.com/) find your app and click on its name. 3\. Click on Keys and Access Tokens, copy the Consumer Key (API Key) and the Consumer Secret (API Secret) and paste it in the Back4App Twitter Login page, filling in the respective fields. To finish just click on SAVE. The Consumer Key (API Key) and the Consumer Secret (API Secret) looks like this: ![](https://api.main.archbee.co/api/optimize/yD3zCY-NNBBIfd0uqcfR5/wfT0e_pyIJNl7ipTqcUR4_image.png) 4\. Also, copy the `Consumer Key (API Key)` and the `Consumer Secret (API Secret)` and paste it in the `strings.xml` file of your Android Studio Project. ## 4 - Log In 1. Import to your `LoginActivity`: :::BlockQuote 1 import android.app.AlertDialog**;** 2 import android.app.ProgressDialog**;** 3 import android.content.DialogInterface**;** 4 import android.content.Intent**;** 5 import android.support.v7.app.AppCompatActivity**;** 6 import android.os.Bundle**;** 7 import android.view\.View**;** 8 import android.util.Log**;** 9 import android.widget.Button**;** 10 import android.widget.Toast**;** 11 12 import com.parse.LogInCallback**;** 13 import com.parse.ParseException**;** 14 import com.parse.twitter.ParseTwitterUtils**;** 15 import com.parse.ParseUser**;** 16 import com.parse.SaveCallback**;** ::: 2\. To implement Twitter Login, simply use below code: ```java 1 ParseTwitterUtils.logIn(LoginActivity.this, new LogInCallback() { 2 3 @Override 4 public void done(final ParseUser user, ParseException err) { 5 if (err != null) { 6 dlg.dismiss(); 7 ParseUser.logOut(); 8 Log.e("err", "err", err); 9 } 10 if (user == null) { 11 dlg.dismiss(); 12 ParseUser.logOut(); 13 Toast.makeText(LoginActivity.this, "The user cancelled the Twitter login.", Toast.LENGTH_LONG).show(); 14 Log.d("MyApp", "Uh oh. The user cancelled the Twitter login."); 15 } else if (user.isNew()) { 16 dlg.dismiss(); 17 Toast.makeText(LoginActivity.this, "User signed up and logged in through Twitter.", Toast.LENGTH_LONG).show(); 18 Log.d("MyApp", "User signed up and logged in through Twitter!"); 19 user.setUsername(ParseTwitterUtils.getTwitter().getScreenName()); 20 user.saveInBackground(new SaveCallback() { 21 @Override 22 public void done(ParseException e) { 23 if (null == e) { 24 alertDisplayer("First tome login!", "Welcome!"); 25 } else { 26 ParseUser.logOut(); 27 Toast.makeText(LoginActivity.this, "It was not possible to save your username.", Toast.LENGTH_LONG).show(); 28 } 29 } 30 }); 31 } else { 32 dlg.dismiss(); 33 Toast.makeText(LoginActivity.this, "User logged in through Twitter.", Toast.LENGTH_LONG).show(); 34 Log.d("MyApp", "User logged in through Twitter!"); 35 alertDisplayer("Oh, you!","Welcome back!"); 36 } 37 } 38 }); ``` :::hint{type="info"} In the example project, this code is placed inside a`LOGIN VIA TWITTER`button callback. ::: 3\. It’s interesting to add some method to display Alert Dialogs and make the process look more professional. The method below does this: ```java 1 private void alertDisplayer(String title,String message){ 2 AlertDialog.Builder builder = new AlertDialog.Builder(LoginActivity.this) 3 .setTitle(title) 4 .setMessage(message) 5 .setPositiveButton("OK", new DialogInterface.OnClickListener() { 6 @Override 7 public void onClick(DialogInterface dialog, int which) { 8 dialog.cancel(); 9 // don't forget to change the line below with the names of your Activities 10 Intent intent = new Intent(LoginActivity.this, LogoutActivity.class); 11 intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK | Intent.FLAG_ACTIVITY_NEW_TASK); 12 startActivity(intent); 13 } 14 }); 15 AlertDialog ok = builder.create(); 16 ok.show(); 17 } ``` ## 5 - Log out 1. Import to your `LoginActivity`: :::BlockQuote 1 import android.app.AlertDialog**;** 2 import android.app.ProgressDialog**;** 3 import android.content.DialogInterface**;** 4 import android.content.Intent**;** 5 import android.support.v7.app.AppCompatActivity**;** 6 import android.os.Bundle**;** 7 import android.view\.View**;** 8 import android.widget.Button**;** 9 10 import com.parse.ParseUser**;** ::: 2\. To implement Twitter Logout, simply use the code below: :::BlockQuote 1** ParseUser.**logOut**();** 2 alertDisplayer**(**"So, you're going..."**,** "Ok...Bye-bye then"**);** ::: :::hint{type="info"} In the example project, this code is placed inside a`LOGOUT VIA TWITTER`button callback. ::: :::hint{type="info"} The method `alertDisplayer` is the same that you added in the `LoginActivity`, just remember to change the `Intent` arguments. in the strings.xml file of your Android Studio Project. ::: ## It’s done! At this stage, you can log in, register and log out of your app with Twitter using Parse Server core features through Back4App!