web2apk

Hey guys, so here is a Retrofit Android Example for you. In this post, we will learn to fetch JSON data from a given URL.

Contents [hide]

• 1 What is Retrofit?
• 2 The API
• 3 Retrofit Android Example
  • 3.1 Creating a new Project
  • 3.2 Adding Retrofit and Gson
  • 3.3 Creating API Interface
  • 3.4 The Model Class
  • 3.5 Making the API Call
  • 3.6 Displaying the Heroes in a ListView
    • 3.6.1 Creating Interface
    • 3.6.2 Fetching the JSON Data
    • 3.6.3 Adding Internet Permission
  • 3.7 Displaying the Heroes in a RecyclerView
• 4 Retrofit Android Example Source Code
  • 4.1 Sharing is Caring:
  • 4.2 Related

What is Retrofit?

You might be knowing that in almost every Android project we need to work with APIs, which is nothing but an HTTP call to a particular URL. And we have already done this thing in some previous posts, an example you can see from the below-given link.

Android JSON Parsing using AsyncTaks

If you have been through the above post, then you know how much code we need to write for the network operation. And at the same time, we need to take care of a hell lot of things, like memory, cache, etc. So to make the life easier we have some libraries that can simplify our task. And Retrofit is one of the most popular used libraries for this job.

The API

The URL that gives us some data or to some task upon sending an HTTP request is called an API. And for this example, I already have an API, so you do not need to create the API. Below is our API URL.

https://simplifiedcoding.net/demos/marvel/

If you go to the above URL, you will get a response as shown below.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

[   {     "name": "Captain America",     "realname": "Steve Rogers",     "team": "Avengers",     "firstappearance": "1941",     "createdby": "Joe Simon",     "publisher": "Marvel Comics",     "imageurl": "https://www.simplifiedcoding.net/demos/marvel/captainamerica.jpg",     "bio": "\r\n\t\tSteven Rogers was born in the Lower East Side of Manhattan, New York City, in 1925 to poor Irish immigrants, Sarah and Joseph Rogers.[54] Joseph died when Steve was a child, and Sarah died of pneumonia while Steve was a teen. By early 1940, before America's entry into World War II, Rogers is a tall, scrawny fine arts student specializing in illustration and a comic book writer and artist.\r\n\t\t"   },   .   .   .

I hope you know about the JSON. So the response we are getting from the above URL is a JSON Array []. If you want to know how to make an API, you can see a detailed post about it from the link given below.

Build REST API using Laravel Lumen for your Application

Now our task is to fetch and parse the above JSON data in our Android Application using the Retrofit Library. So let’s begin.

Retrofit Android Example

Creating a new Project

• Lets first create a new Android Studio Project. I have created a project named RetrofitExample.
• Once the project is created we need to add the following two libraries to our project.
  • Retrofit -> For the network calls
  • Gson -> For easy parsing of JSON data

Adding Retrofit and Gson

• Adding libraries are very easy. You just need to add the following two lines inside the dependencies block of your app level build.gradle file.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

dependencies {     compile fileTree(include: ['*.jar'], dir: 'libs')     androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {         exclude group: 'com.android.support', module: 'support-annotations'     })     compile 'com.android.support:appcompat-v7:26.+'     compile 'com.android.support.constraint:constraint-layout:1.0.2'       //these two lines are added     compile 'com.squareup.retrofit2:retrofit:2.3.0'     compile 'com.squareup.retrofit2:converter-gson:2.2.0'         testCompile 'junit:junit:4.12' }

• After adding the lines just sync your project and you are done.

Creating API Interface

• To make an API call using retrofit we need a java interface where we define all the URLs with the http request type and parameters. In this example we need to perform an http GET with no extra parameters.
• So lets create a java interface inside and name it Api.java (You can name it anything you want).

Api.java

Java

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

package net.simplifiedlearning.retrofitexample;   import java.util.List;   import retrofit2.Call; import retrofit2.http.GET;   /** * Created by Belal on 10/2/2017. */   public interface Api {       String BASE_URL = "https://simplifiedcoding.net/demos/";       @GET("marvel")     Call<List<Hero>> getHeroes(); }

• As you can see we have a very simple interface above. Inside the interface first we have a BASE_URL. It contains the ROOT URL of our API. For any project we make an API like myproject/api/v1/apiname. Retrofit divides it in two parts the first part is the base URL and then the api name. So in our example marvel is the api name and before it we have the BASE URL. 
• After the base URL we have an annotation @GET(“marvel”). It means that we are defining an http GET request. And the String passed inside the get is the api name. So for this GET it will make the complete URL joining the BASE_URL and the api name.
• Then we have a method named getHeroes() whose return type is Call. And the type of the Call is a List<>. And type of the List is Hero. It may sounds confusing but it is not. Actually we need to structure the api call according the the response. So our URL is giving us an json array and that is nothing but a list of heroes. So we defined the Call type as a List and the List type as Hero. Now we need to define the Hero class.

The Model Class

• Lets create a class named Hero. It will be a simple java class with a constructor and getters. And inside this class we will define all the attributes of our response.

Hero.java

Java

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61

package net.simplifiedlearning.retrofitexample;   /** * Created by Belal on 10/2/2017. */   public class Hero {       private String name;     private String realname;     private String team;     private String firstappearance;     private String createdby;     private String publisher;     private String imageurl;     private String bio;         public Hero(String name, String realname, String team, String firstappearance, String createdby, String publisher, String imageurl, String bio) {         this.name = name;         this.realname = realname;         this.team = team;         this.firstappearance = firstappearance;         this.createdby = createdby;         this.publisher = publisher;         this.imageurl = imageurl;         this.bio = bio;     }       public String getName() {         return name;     }       public String getRealname() {         return realname;     }       public String getTeam() {         return team;     }       public String getFirstappearance() {         return firstappearance;     }       public String getCreatedby() {         return createdby;     }       public String getPublisher() {         return publisher;     }       public String getImageurl() {         return imageurl;     }       public String getBio() {         return bio;     } }

• Make sure your variable names matches with the JSON attributes. As we have the following JSON objects in our response.

1 2 3 4 5 6 7 8 9 10

{     "name": "Captain America",     "realname": "Steve Rogers",     "team": "Avengers",     "firstappearance": "1941",     "createdby": "Joe Simon",     "publisher": "Marvel Comics",     .     .     .

• So for getting this name we have to name our String as name (case sensitive) in the model class. Now if you want to make different names then you can define your model class as below.

1 2 3 4

public class Hero {       @SerializedName("name")     private String name;

• So if you put the annotation @SerializedName(“attribute name”) with the json attribute name just above every variable you are defining, you can name your variables anything but you have to put the correct attribute name inside SerializedName(“name”).

Making the API Call

• Now the final step is performing the API call. It is also very easy.

Java

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

//Creating a retrofit object         Retrofit retrofit = new Retrofit.Builder()                 .baseUrl(Api.BASE_URL)                 .addConverterFactory(GsonConverterFactory.create()) //Here we are using the GsonConverterFactory to directly convert json data to object                 .build();           //creating the api interface         Api api = retrofit.create(Api.class);           //now making the call object         //Here we are using the api method that we created inside the api interface         Call<List<Hero>> call = api.getHeroes();           //then finallly we are making the call using enqueue()         //it takes callback interface as an argument         //and callback is having two methods onRespnose() and onFailure         //if the request is successfull we will get the correct response and onResponse will be executed         //if there is some error we will get inside the onFailure() method         call.enqueue(new Callback<List<Hero>>() {             @Override             public void onResponse(Call<List<Hero>> call, Response<List<Hero>> response) {                   //In this point we got our hero list                 //thats damn easy right ;)                 List<Hero> heroList = response.body();                   //now we can do whatever we want with this list                }               @Override             public void onFailure(Call<List<Hero>> call, Throwable t) {                 Toast.makeText(getApplicationContext(), t.getMessage(), Toast.LENGTH_SHORT).show();             }         });

• Now lets do it in our project.

Displaying the Heroes in a ListView

Creating Interface

• Come inside activity_main.xml of your project and create a ListView.

activity_main.xml

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     tools:context="net.simplifiedlearning.retrofitexample.MainActivity">       <ListView         android:id="@+id/listViewHeroes"         android:layout_width="match_parent"         android:layout_height="match_parent" />   </RelativeLayout>

Fetching the JSON Data

• Now inside MainActivity.java write the following code.

MainActivity.java

Java

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68

package net.simplifiedlearning.retrofitexample;   import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.Toast;   import java.util.List;   import retrofit2.Call; import retrofit2.Callback; import retrofit2.Response; import retrofit2.Retrofit; import retrofit2.converter.gson.GsonConverterFactory;   public class MainActivity extends AppCompatActivity {       ListView listView;       @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);           listView = (ListView) findViewById(R.id.listViewHeroes);           //calling the method to display the heroes         getHeroes();     }       private void getHeroes() {         Retrofit retrofit = new Retrofit.Builder()                 .baseUrl(Api.BASE_URL)                 .addConverterFactory(GsonConverterFactory.create()) //Here we are using the GsonConverterFactory to directly convert json data to object                 .build();           Api api = retrofit.create(Api.class);                  Call<List<Hero>> call = api.getHeroes();                  call.enqueue(new Callback<List<Hero>>() {             @Override             public void onResponse(Call<List<Hero>> call, Response<List<Hero>> response) {                 List<Hero> heroList = response.body();                   //Creating an String array for the ListView                 String[] heroes = new String[heroList.size()];                   //looping through all the heroes and inserting the names inside the string array                 for (int i = 0; i < heroList.size(); i++) {                     heroes[i] = heroList.get(i).getName();                 }                     //displaying the string array into listview                 listView.setAdapter(new ArrayAdapter<String>(getApplicationContext(), android.R.layout.simple_list_item_1, heroes));               }               @Override             public void onFailure(Call<List<Hero>> call, Throwable t) {                 Toast.makeText(getApplicationContext(), t.getMessage(), Toast.LENGTH_SHORT).show();             }         });     }   }

Adding Internet Permission

• As we are performing a network operation, internet permission is needed. So inside your AndroidManifest.xml define the internet permission.

AndroidManifest.xml

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android"     package="net.simplifiedlearning.retrofitexample">       <!-- the internet permission -->     <uses-permission android:name="android.permission.INTERNET" />          <application         android:allowBackup="true"         android:icon="@mipmap/ic_launcher"         android:label="@string/app_name"         android:roundIcon="@mipmap/ic_launcher_round"         android:supportsRtl="true"         android:theme="@style/AppTheme">         <activity android:name=".MainActivity">             <intent-filter>                 <action android:name="android.intent.action.MAIN" />                   <category android:name="android.intent.category.LAUNCHER" />             </intent-filter>         </activity>     </application>   </manifest>

• Thats it now you can play your application.

Retrofit Android Example

• Bingo! it is working absolutely fine.

Displaying the Heroes in a RecyclerView

• Here I showed only the hero names in a simple ListView, but you can use all the attributes to display. If you are confused how to do this? Here is one more tutorial doing the same with the volley. So once you got the List of heroes in your app, you can implement the process shown here.

Expandable RecyclerView Android – RecyclerView with Expandable Items

• I am using the same api in the link given above so you have to exactly the same thing to display the data in a RecyclerView.

Retrofit Android Example Source Code

• If you are still confused you can get my source code from the link given here.

Download is Locked

Please support me by subscribing to my Youtube Channel, then you can download the code. 

Youtube

So that’s all for this Retrofit Android Example friends. Hope you liked it. So if you think it helped you then you, please help us by SHARING this post. Thank You