{"id":3885,"date":"2020-05-17T21:18:39","date_gmt":"2020-05-17T11:18:39","guid":{"rendered":"https:\/\/learntodroid.com\/?p=3885"},"modified":"2020-05-19T09:03:15","modified_gmt":"2020-05-18T23:03:15","slug":"android-json-tutorial","status":"publish","type":"post","link":"http:\/\/10.0.0.14:32769\/android-json-tutorial\/","title":{"rendered":"Android JSON Tutorial"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"630\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Android-JSON-Tutorial.jpg\" alt=\"\" class=\"wp-image-4064\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Android-JSON-Tutorial.jpg 950w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Android-JSON-Tutorial-300x199.jpg 300w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Android-JSON-Tutorial-768x509.jpg 768w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/><\/figure>\n\n\n\n<p>JavaScript Object Notation (JSON) is a popular text file format used in many applications including in Android app development.<\/p>\n\n\n\n<p>In this Android JSON tutorial post I will cover how to perform common tasks using the JSON file format in Android app development including:<\/p>\n\n\n\n<ul><li>How to Parse a JSON String in Android<\/li><li>How to Generate a JSON Object in Android<\/li><li>How to Parse a JSON File from a URL or API using Volley<\/li><li>How to Parse a JSON File from a URL or API using Retrofit<\/li><li>How to Convert a JSON String into a Java Object in Android<\/li><li>How to Convert a Java Object into a JSON String in Android<\/li><li>How to Create a JSON File in Android<\/li><\/ul>\n\n\n\n<p>I have include code samples within this post and all the code from this tutorial is also available in the following public GitHub repository I created at the following link.<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/learntodroid\/AndroidJSONTutorial\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/learntodroid\/AndroidJSONTutorial<\/a><\/p>\n\n\n\n<p>Please read on to get started on the JSON tutorial for Android.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is JSON used for in Android development?<\/h2>\n\n\n\n<p>JSON (JavaScript Object Notation) is a text based file format that is used for sharing data between applications in a standard format supported by most programming languages and platforms. In addition to being programming language and platform independent JSON is also human readable.<\/p>\n\n\n\n<p>See a sample JSON file below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/b0ea0ec1a1af958e79fc88af7c4c7444.js\"><\/script><\/p>\n\n\n<p>A JSON file is made up of a JSON object enclosed in curly brackets &#8220;{&#8221; and &#8220;}&#8221; and consists of attribute name and value pairs. Attribute names are Strings enclosed in double quotation marks and are associated to a value with a colon &#8220;:&#8221; in between. Values can be of different formats such as a number, String, boolean, array, a nested JSON object or null. Attribute and value pairs are comma &#8220;,&#8221; separated.<\/p>\n\n\n\n<p>In Android app development it is common to use JSON in the following scenarios:<\/p>\n\n\n\n<ul><li>Saving and loading data<\/li><li>Retrieving data from a location on the Internet<\/li><li>Integrating with an API or a web service and sending and receiving data<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">JSON Parsing in Android<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What is JSON Parsing in Android?<\/h3>\n\n\n\n<p>In the context of Android app development JSON parsing means taking a String representation of JSON and transforming it into a JSON object that allows us to interpret the data within the JSON file and use it in our application.<\/p>\n\n\n\n<p>There are a four classes offered to us in the Android org.json package that enable us to parse JSON files.<\/p>\n\n\n\n<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.android.com\/reference\/org\/json\/JSONObject.html\" target=\"_blank\">JSONObject<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.android.com\/reference\/org\/json\/JSONArray\" target=\"_blank\">JSONArray<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.android.com\/reference\/org\/json\/JSONStringer\" target=\"_blank\">JSONStringer<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.android.com\/reference\/org\/json\/JSONTokener\" target=\"_blank\">JSONTokenizer<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">How to Parse a JSON String in Android using JSONObject<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">JSONObject and JSONArray Methods for JSON Parsing in Android<\/h4>\n\n\n\n<p>Parsing a JSON String can be achieved in Android using the <a href=\"https:\/\/developer.android.com\/reference\/org\/json\/JSONObject\" target=\"_blank\" rel=\"noreferrer noopener\">JSONObject class in the org.json package<\/a>.<\/p>\n\n\n\n<p>To parse a JSON String using the JSONObject create a new JSONObject and pass the JSON String as a parameter to the constructor. From there you are able to access various JSON attribute values using the following methods from the JSONObject class.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Method<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>boolean getBoolean(String)<\/td><td>Retrieve a <strong>boolean <\/strong>value in the JSONObject for the attribute corresponding to the key passed. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>double getDouble(String)<\/td><td>Retrieve a <strong>double <\/strong>value in the JSONObject for the attribute corresponding to the key passed. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>int getInt(String)<\/td><td>Retrieve an <strong>int <\/strong>value in the JSONObject for the attribute corresponding to the key passed. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>long getLong(String)<\/td><td>Retrieve a<strong> long <\/strong>value in the JSONObject for the attribute corresponding to the key passed. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>String getString(String)<\/td><td>Retrieve a<strong> String <\/strong>value in the JSONObject for the attribute corresponding to the key passed. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>JSONObject getJSONObject(String)<\/td><td>Retrieve a<strong> JSONObject <\/strong>value in the JSONObject for the attribute corresponding to the key passed. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>JSONArray getJSONArray(String)<\/td><td>Retrieve a<strong> JSONArray <\/strong>value in the JSONObject for the attribute corresponding to the key passed. If this is not possible throw a JSONException.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>If your JSON String contains a JSON Array inside it, use the following methods from the <a href=\"https:\/\/developer.android.com\/reference\/org\/json\/JSONArray\" target=\"_blank\" rel=\"noreferrer noopener\">JSONArray class in the org.json package<\/a> documented in the table below to access data within the JSONArray.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Method<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>boolean getBoolean(int)<\/td><td>Retrieve a<strong> boolean <\/strong>value from the JSONArray at the index passed as a parameter. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>double getDouble(int)<\/td><td>Retrieve a<strong> double <\/strong>value from the JSONArray at the index passed as a parameter. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>int getInt(int)<\/td><td>Retrieve a<strong> int <\/strong>value from the JSONArray at the index passed as a parameter. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>long getLong(int)<\/td><td>Retrieve a<strong> long <\/strong>value from the JSONArray at the index passed as a parameter. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>String getString(int)<\/td><td>Retrieve a<strong> String <\/strong>value from the JSONArray at the index passed as a parameter. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>JSONObject getJSONObject(int)<\/td><td>Retrieve a<strong> JSONObject <\/strong>value from the JSONArray at the index passed as a parameter. If this is not possible throw a JSONException.<\/td><\/tr><tr><td>JSONArray getJSONArray(int)<\/td><td>Retrieve a<strong> JSONArray <\/strong>value from the JSONArray at the index passed as a parameter. If this is not possible throw a JSONException.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">JSON Parsing Example in Android<\/h4>\n\n\n\n<p>In this section of the tutorial I will show you how to parse a JSON String in Android through an example of a dating app where we will be retrieving details from a JSON string to display in the dating profile.<\/p>\n\n\n\n<p>See the screenshot below of what we will be building.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Dating-Profile-Screenshot-for-Android-JSON-Parsing-Example-1.png\" alt=\"\" class=\"wp-image-3913\" width=\"310\" height=\"641\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Dating-Profile-Screenshot-for-Android-JSON-Parsing-Example-1.png 413w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Dating-Profile-Screenshot-for-Android-JSON-Parsing-Example-1-145x300.png 145w\" sizes=\"(max-width: 310px) 100vw, 310px\" \/><\/figure><\/div>\n\n\n\n<p>First we will need to create a layout resource for the dating profile fragment. Have a look at my layout resource below which contains the following.<\/p>\n\n\n\n<ul><li>Two ImageViews, one for the profile picture and another for the background image<\/li><li>Three EditTexts and TextViews (used as a label for the EditText) for capturing the Name, Age and Hobbies to show on the dating profile<\/li><li>Two Buttons to load the dating profile and save the dating profile<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Android-Studio-Dating-Profile-Layout-1.png\" alt=\"\" class=\"wp-image-3915\" width=\"338\" height=\"314\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Android-Studio-Dating-Profile-Layout-1.png 451w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/Android-Studio-Dating-Profile-Layout-1-300x278.png 300w\" sizes=\"(max-width: 338px) 100vw, 338px\" \/><\/figure><\/div>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/ae911dda5a609779fd4a707292ce2b4c.js\"><\/script><\/p>\n\n\n<p>In this part of the tutorial we will only focus on the loading dating profile details from the JSON file.<\/p>\n\n\n\n<p>See the code sample for the ProfileFragment class that contains the loadProfile() method used for loading the details of the dating profile from a JSON file into fragment.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/8c23681baec23e5c21ce9f2e52bac936.js\"><\/script><\/p>\n\n\n<p>In the onCreateView(&#8230;) method the loadProfile() method is invoked.<\/p>\n\n\n\n<p>In this app we will be using <a rel=\"noreferrer noopener\" href=\"https:\/\/developer.android.com\/training\/data-storage\/shared-preferences\" target=\"_blank\">Shared Preferences<\/a> for storing the dating profile JSON String. Before we have saved our first profile the key value pair in the shared perferences for the dating profile JSON String will be empty so we will want to use a default value for the JSON String in this instance. That is why at the top of the loadProfile() method a JSON String is defined is to be used as a default JSON String value.<\/p>\n\n\n\n<p>Next in the loadProfile() method we retrieve the JSON String for the dating profile from shared preferences and if value has not been defined in the shared preferences we will use the default JSON String.<\/p>\n\n\n\n<p>After this in the loadProfile() method we will use the JSONObject class to parse the JSON String to access the data we need from the JSON String to populate details in the dating profile. To parse the JSON String using the JSONObject class we will pass the JSON String as a parameter to the JSONObject constructor.<\/p>\n\n\n\n<p>The name of the person in the dating profile is retrieved using the getString(String) method on the JSONObject passing the attribute &#8220;name&#8221; as a parameter to the getString(String) method. The String value containing the name will be set in the relevant EditText.<\/p>\n\n\n\n<p>The age of the person in the dating profile is retrieved using the getInt(String) method on the JSONObject passing the attribute &#8220;age&#8221; as a parameter to the getInt(String) method. The value of the age will be converted into a String will be set in the relevant EditText.<\/p>\n\n\n\n<p>To get the list of hobbies to show in the dating profile we using the getJSONArray(String) method on the JSONObject passing the attribute &#8220;hobbies&#8221; as a parameter to the getJSONArray(String) method. We use the get(int) method on the JSONArray containing all of the hobbies and loop through each hobby in the JSONArray passing an integer as an index to the array and add each hobby to a list of Strings. Once we have a list of  Strings for the hobbies we transform them into a single comma seperated value to be shown inside the EditText.<\/p>\n\n\n\n<p>To get the two images for the profile image and the background image we retrieve the a nested JSONObject containing the URIs to the two images using getJSONObject(String) method on the JSONObject passing the attribute &#8220;images&#8221; as a parameter to the getJSONObject(String) method. Then we will chain the getString(String) method and pass &#8220;background_image_uri&#8221; for the background image or pass &#8220;profile_image_uri&#8221; for the profile image.<\/p>\n\n\n\n<p>Once we obtain the URI to the images we will use the Glide library to load the images into the ImageViews. Because we will be retrieving images from the Internet using Glide you will also need to ensure you have added the Internet permission to your app manifest file.<\/p>\n\n\n\n<p>To learn about Glide and how to set it up and use it for loading images from the web check out the article I wrote below.<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-learn-to-droid\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"9e3oiygwbm\"><a href=\"http:\/\/10.0.0.14:32769\/android-glide-tutorial-with-examples-in-java\/\">Android Glide Tutorial with Examples in Java<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Android Glide Tutorial with Examples in Java&#8221; &#8212; Learn to Droid\" src=\"http:\/\/10.0.0.14:32769\/android-glide-tutorial-with-examples-in-java\/embed\/#?secret=g3fW3eB8fw#?secret=9e3oiygwbm\" data-secret=\"9e3oiygwbm\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>The ProfileFragment is set up inside the MainActivty using the Jetpack Navigation Component. For the rest of the code for setting up the fragment in the activity check out the <a href=\"https:\/\/github.com\/learntodroid\/AndroidJSONTutorial\" target=\"_blank\" rel=\"noreferrer noopener\">code available in the GitHub repository<\/a>.<\/p>\n\n\n\n<p>To learn more about using the Jetpack Navigation Component with bottom navigation have a look at this tutorial I wrote linked below.<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-learn-to-droid\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"Xna8cH5aMn\"><a href=\"http:\/\/10.0.0.14:32769\/how-to-use-the-jetpack-navigation-component-with-bottom-navigation\/\">How to Use the Jetpack Navigation Component with Bottom Navigation<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;How to Use the Jetpack Navigation Component with Bottom Navigation&#8221; &#8212; Learn to Droid\" src=\"http:\/\/10.0.0.14:32769\/how-to-use-the-jetpack-navigation-component-with-bottom-navigation\/embed\/#?secret=y3bQVqhzVX#?secret=Xna8cH5aMn\" data-secret=\"Xna8cH5aMn\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Generate a JSON Object in Android<\/h2>\n\n\n\n<p>The JSONObject class available in Android also contains some methods that allow you to create or modify a JSON object and then output it in the JSON String format.<\/p>\n\n\n\n<p>See the code sample for the saveProfile() method below used in the dating profile fragment for updating a JSON object representing a profile and then saving the result in a JSON String format inside SharedPreferences.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/84b22258953a68807e2441040389efd5.js\"><\/script><\/p>\n\n\n<p>In the first section of this method we will set up SharedPreferences to allow us to write data using the SharedPreferences editor.<\/p>\n\n\n\n<p>Then we will create a new JSON object using the JSONObject constructor with no parameters. Now that the JSONObject has been created we will use the various put(&#8230;) methods on the JSONObject class to add attributes with values to the JSON Object.<\/p>\n\n\n\n<p>To add the name attribute with the name value provided in the dating profile we use the put(String, String) method on the JSONObject with the first parameter representing the name of the attribute i.e. &#8220;name&#8221; and the second parameter representing the value for the &#8220;name&#8221; attribute.<\/p>\n\n\n\n<p>To add the age attribute and value we use the put(String, int) method on the JSONObject with the first parameter representing the name of the attribute &#8220;age&#8221; and the second parameter representing the int value of the age specified in the dating profile.<\/p>\n\n\n\n<p>We will allow use the put(String, JSONArray) method to add the list of hobbies in the dating profile to the JSONObject. First we need to create a JSONArray and add each hobby to the JSONArray using the put(String) method on the JSONArray object. Then we use the put(String, JSONArray) method on the JSONObject and set the attribute name as &#8220;hobbies&#8221; for the first parameter and provide the JSONArray containing an array of Strings representing the hobbies as the second parameter.<\/p>\n\n\n\n<p>The JSONObject class also supports to ability to add nested JSONObjects using the put(String, JSONObject) method. We will use this when populating the two URIs for the background and profile images into the JSONObject. First we will create a new JSONObject and populate the two URIs as seperate attribute values onto that JSONObject. After that we will add this new JSONObject containing the two image URIs to the existing JSONObject using the put(String, JSONObject) method setting the attribute name as &#8220;images&#8221; for the first parameter and the new JSONObject as the second parameter.<\/p>\n\n\n\n<p>After that we convert the JSONObject into it&#8217;s JSON String representation using the toString() method on the JSONObject. We then take this JSON String and save it to SharedPreferences using the putString(&#8230;) and commit() methods.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Parse a JSON File from a URL<\/h2>\n\n\n\n<p>In this section of the tutorial I will cover how to use the libraries Volley and Retrofit to parse a JSON file from a URL.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Parsing a JSON File from a URL or API Using Volley<\/h3>\n\n\n\n<p>In this section of the tutorial I will show you how to use the <a href=\"https:\/\/developer.android.com\/training\/volley\" target=\"_blank\" rel=\"noreferrer noopener\">Volley library from Google<\/a> for parsing a JSON file from a URL.<\/p>\n\n\n\n<p>Will we will creating an Android app that retrieves posts from the popular social media platform reddit.com for a given subreddit and parse the JSON file retrieved from the Internet to show as a list of posts in the app.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/How-to-Parse-JSON-from-URL-using-Volley-Reddit-Example-2.png\" alt=\"\" class=\"wp-image-3985\" width=\"309\" height=\"645\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/How-to-Parse-JSON-from-URL-using-Volley-Reddit-Example-2.png 412w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/How-to-Parse-JSON-from-URL-using-Volley-Reddit-Example-2-144x300.png 144w\" sizes=\"(max-width: 309px) 100vw, 309px\" \/><\/figure><\/div>\n\n\n\n<p>First we will need to add some dependencies to our app level build.gradle file including Volley, RecyclerView and CardView. See the sample build.gradle file below containing each of these implementation dependencies.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/830763f33cc9b59176718f3fa03c188b.js\"><\/script><\/p>\n\n\n<p>Because we will be using the Internet to retrieve the JSON data containing the Posts from Reddit make sure you add permission to use the Internet in your Android manifest file.<\/p>\n\n\n\n<p>Next we will create a class to represent a Reddit Post which will contain fields that we want to display in the user interface.<\/p>\n\n\n\n<p>To get an idea what the JSON response will look like, pick a subreddit and go to the following URL in your browser replacing the subreddit name with a real subreddit.<\/p>\n\n\n\n<ul><li>https:\/\/www.reddit.com\/r\/&lt;subreddit&gt;.json<\/li><\/ul>\n\n\n\n<p>Examples of the JSON URIs for the popular subreddits include:<\/p>\n\n\n\n<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.reddit.com\/r\/AskReddit.json\" target=\"_blank\">https:\/\/www.reddit.com\/r\/AskReddit.json<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.reddit.com\/r\/news.json\" target=\"_blank\">https:\/\/www.reddit.com\/r\/news.json<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.reddit.com\/r\/videos.json\" target=\"_blank\">https:\/\/www.reddit.com\/r\/videos.json<\/a><\/li><\/ul>\n\n\n\n<p>You should see the JSON file look something like this in your browser which contains posts corresponding to the subreddit you selected in your URL.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Output-1024x534.png\" alt=\"\" class=\"wp-image-3970\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Output-1024x534.png 1024w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Output-300x157.png 300w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Output-768x401.png 768w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Output.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>To make it easier to read the JSON output, copy and paste the JSON String from the web browser into a JSON formatter tool available online such as <a rel=\"noreferrer noopener\" href=\"https:\/\/jsonformatter.curiousconcept.com\/\" target=\"_blank\">jsonformatter.curiousconcept.com<\/a> or <a rel=\"noreferrer noopener\" href=\"https:\/\/jsonformatter.org\/\" target=\"_blank\">jsonformatter.org<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"779\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Formatter.png\" alt=\"\" class=\"wp-image-3972\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Formatter.png 773w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Formatter-298x300.png 298w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Formatter-150x150.png 150w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/05\/AskReddit-JSON-Formatter-768x774.png 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/figure>\n\n\n\n<p>The fields we will want to show from a Reddit Post are the title, the current score and the comment count. See the code sample for the Post class below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/48fffff7d5d06e704fa834bf26ce29f7.js\"><\/script><\/p>\n\n\n<p>Next given that we will be showing the list of Reddit Posts from a subreddit inside a RecyclerView we will need to create a RecyclerViewAdapter for our posts.<\/p>\n\n\n\n<p>We will start this by creating the layout resource to use for each item to be shown in the RecyclerView for the Reddit Posts. See the sample layout resource below as an example.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/3afe30d419e3de7577e2683e3fc1d669.js\"><\/script><\/p>\n\n\n<p>Next we will create the RecyclerViewAdapter for the list of Posts to be shown in the RecyclerView. This will also involve creating a RecyclerViewHolder for showing each Post in the RecyclerView.<\/p>\n\n\n\n<p>Check out the code sample below for the PostRecyclerViewAdapter and the PostViewHolder.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/8948099acc41f4755cab7d14ab258b97.js\"><\/script><\/p>\n\n\n<p>Next we will create a class for to be used for making HTTP requests using the Volley library. Have a look at the code sample for the MyRequestQueue class below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/b7f671acc85c273a0d1bb7101dbb9dc9.js\"><\/script><\/p>\n\n\n<p>After this we will set up our new fragment to capture the subreddit and display the results containing the Posts by creating the layout resource for this new fragment.<\/p>\n\n\n\n<p>This fragment will contain:<\/p>\n\n\n\n<ul><li>An EditText for capturing the subreddit name<\/li><li>A Button with the label &#8220;Get Posts&#8221; to trigger the downloading of the JSON file from the Internet and parsing the results to show in the RecyclerView<\/li><li>A RecyclerView to show the Posts retrieved from a given subreddit<\/li><\/ul>\n\n\n\n<p>See the layout resource for the subreddit fragment below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/b3d259cebc2c8695fe511b56aea33c5b.js\"><\/script><\/p>\n\n\n<p>Next we will be creating the SubredditFragment class we which contain code for retrieving the subreddit entered by the user into the EditText, making a HTTP request to retrieve the JSON file using Volley then parsing the JSON response and displaying the Posts in the RecyclerView.<\/p>\n\n\n\n<p>See the code sample for the SubredditFragment class below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/efff986f66d12e426d81c760e0b45df8.js\"><\/script><\/p>\n\n\n<p>In the onCreateView(&#8230;) method in the SubredditFragment we inflate the layout resource we created above for the SubredditFragment and find the Views for the subreddit EditText, get posts Button and posts RecyclerView.<\/p>\n\n\n\n<p>Then we add an OnClickListener to the get posts Button to invoke the getPostsUsingVolley() method when the Button is clicked.<\/p>\n\n\n\n<p>Finally in the onCreateView(&#8230;) method we initialize the List of Posts to an empty ArrayList which is provided as a parameter to the constructor of the PostsRecyclerViewAdapter. Then we set up the RecyclerView to use a LinearLayoutManager and link the PostsRecyclerViewAdapter to the RecylcerView.<\/p>\n\n\n\n<p>In the getPostsUsingVolley() method we create the URI where we will retrieve the subreddit posts from by joining the base reddit URL for a subreddit with the user entered subreddit name and adding &#8220;.json&#8221; as the suffix.<\/p>\n\n\n\n<p>Then we use the Volley library to create a JsonObjectRequest object that includes details on the HTTP request type (which in our case is GET), the URI, a listener for handling a successful response and a listener for handling an error response.<\/p>\n\n\n\n<p>In the listener for handling a successful response we will modify the List of Posts to contain an empty ArrayList. Then we will begin parsing the JSON response using the JSONObject and JSONArray classes.<\/p>\n\n\n\n<p>We retrieve all of the Post objects from the JSON response into a JSONArray by accessing the &#8220;children&#8221; array which exists on the &#8220;data&#8221; object.<\/p>\n\n\n\n<p>Then we will loop through each JSONObject in the JSONArray of reddit posts and retrieve the post details including the title, number of comments and post score. We pass these details as parameters to the Post constructor and add each Post into the List of Posts.<\/p>\n\n\n\n<p>Once all the Posts are parsed from the JSON response we will notify the RecyclerViewAdapter of the new posts by calling the setPosts(List&lt;Post&gt;) method which will update the RecyclerView with the Posts we have just retrieved.<\/p>\n\n\n\n<p>In the listener for handling an error response we simply show a Toast with the error message.<\/p>\n\n\n\n<p>Finally in the getPostsUsingVolley() method the HTTP request is not made using Volley until we pass the JsonObjectRequest object as a parameter to the addRequestToQueue(&#8230;) method defined in the MyRequestQueue class.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Parsing a JSON File from a URL or API Using Retrofit<\/h3>\n\n\n\n<p>In this section of the tutorial I will show you how to use the <a rel=\"noreferrer noopener\" href=\"https:\/\/square.github.io\/retrofit\/\" target=\"_blank\">Retrofit library by Square<\/a> for parsing a JSON file from a URL.<\/p>\n\n\n\n<p>In this section I will reuse the following the components created in the section above for parsing a JSON file from a URL using Volley.<\/p>\n\n\n\n<ul><li>Post class<\/li><li>PostRecyclerViewAdapter, PostViewHolder and PostViewHolder layout resource<\/li><li>SubredditFragment (which we will modify) and SubredditFragment layout resource<\/li><\/ul>\n\n\n\n<p>First we will add the Gradle dependencies for Retrofit in the app level build.gradle file. Retrofit requires a minimum of Java 8 which also needs to be flagged in the compile options in the build.gradle file.<\/p>\n\n\n\n<p>See the sample build.gradle file containing the Retrofit, RecyclerView and CardView dependencies as well as the Java 8 compile options.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/f23079dfcac9a1a2688b7dbe85b1fd75.js\"><\/script><\/p>\n\n\n<p>Next we will create a Java interface to be used by Retrofit for creating a HTTP GET request to retrieving a JSON file in the response at a given URI containing posts for a subreddit.<\/p>\n\n\n\n<p>See the code sample for the RedditPostsService interface below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/1f79e901d7a0564fe89d8024189d8018.js\"><\/script><\/p>\n\n\n<p>The GET annotation above the getPosts(&#8230;) method declaration lets Retrofit know that we will be using the GET method on the HTTP request when retrieving the subreddit posts.<\/p>\n\n\n\n<p>The curly brackets &#8220;{&#8221; and &#8220;}&#8221; around &#8220;subreddit&#8221; inside the GET annotation indicate that we will be substituting the &#8220;subreddit&#8221; text with the subreddit String Path parameter defined in getPosts(&#8230;). The &#8220;.json&#8221; will be added as a prefix to the path after the subreddit value is substituted.<\/p>\n\n\n\n<p>Finally the Call&lt;ResponseType&gt; return type for the getPosts(&#8230;) method indicates that the HTTP response will create a ResponseType object which comes from the OkHttp3 library which we will use to obtain and parse the JSON response and retrieve the Post records.<\/p>\n\n\n\n<p>Next we will create class for consuming the interface we have just created by building a Retrofit client that will be used to make requests to the retrieve subreddit posts from reddit.com<\/p>\n\n\n\n<p>See the code sample for the MyRetrofitClient class below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/2ac383c4c05ceebba205db9f303c58c7.js\"><\/script><\/p>\n\n\n<p>In the MyRetrofitClient we use the Retrofit builder to create a RetroClient for retrieving Posts from Reddit using the interface we previously created. We use the RedditPostsService on the MyRetrofitClient to make a HTTP GET request to reddit.com in the next step in this tutorial.<\/p>\n\n\n\n<p>Now we will make some changes to the existing SubredditFragment class to invoke the method to get the subreddit posts using the RedditPostsService on our instance of the MyRetrofitClient when the user selects the &#8220;Get Posts&#8221; Button.<\/p>\n\n\n\n<p>See the code sample for the SubredditFragment class below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/0e69010777f0247c62a5f3024fe0a5ab.js\"><\/script><\/p>\n\n\n<p>In the onCreateView(&#8230;) method we have made only one slight change which will invoke the getPostsUsingRetrofit() method when the user selects the &#8220;Get Posts&#8221; Button.<\/p>\n\n\n\n<p>We have created the new method called getPostsUsingRetrofit() which will be used to parsing a JSON file from a URL or API using Retrofit.<\/p>\n\n\n\n<p>To retrieve the JSON file from reddit we get the instance of the MyRetrofitClient, retrieve the PostsService then invoke the getPosts(String) method passing the subreddit name from the EditText as a parameter.<\/p>\n\n\n\n<p>We then chain the enqueue(&#8230;) method to the getPosts(String) method and implement listeners for onResponse(&#8230;) and onFailure(&#8230;).<\/p>\n\n\n\n<p>In case of a successful response the onResponse(&#8230;) method will be invoked. We will first reset the List of Posts to contain an empty ArrayList. Then we will convert the body of the response into a JSON String format by accessing the chain the body() method and the string() method on the ResponseBody parameter.<\/p>\n\n\n\n<p>Once we have the JSON String we will parse it into a JSONObject using the JSONObject constructor with the JSON String as a parameter to the constructor. Now that we have the JSONObject we will follow the same approach documented in the Volley section for retrieving the Post details out of the JSONObject and adding them into the List of Posts.<\/p>\n\n\n\n<p>In case of failure in the response the onFailure(&#8230;) will be invoked. We will follow the same pattern we used for Volley and will show a Toast displaying the error message received.<\/p>\n\n\n\n<p>If you would like to learn more about using Retrofit to interact with API or webservices to send and receive JSON data check out the two articles I wrote on this topic below.<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-learn-to-droid\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"Ky5EmREWV6\"><a href=\"http:\/\/10.0.0.14:32769\/consuming-a-rest-api-using-retrofit2-with-the-mvvm-pattern-in-android\/\">Consuming a REST API using Retrofit2 with the MVVM Pattern in Android<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Consuming a REST API using Retrofit2 with the MVVM Pattern in Android&#8221; &#8212; Learn to Droid\" src=\"http:\/\/10.0.0.14:32769\/consuming-a-rest-api-using-retrofit2-with-the-mvvm-pattern-in-android\/embed\/#?secret=U1oLrFYbQ5#?secret=Ky5EmREWV6\" data-secret=\"Ky5EmREWV6\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-learn-to-droid\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"kGFLVcAUqN\"><a href=\"http:\/\/10.0.0.14:32769\/how-to-send-json-data-in-a-post-request-in-android\/\">How to Send JSON Data in a POST Request in Android<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;How to Send JSON Data in a POST Request in Android&#8221; &#8212; Learn to Droid\" src=\"http:\/\/10.0.0.14:32769\/how-to-send-json-data-in-a-post-request-in-android\/embed\/#?secret=Cfg28FjO0e#?secret=kGFLVcAUqN\" data-secret=\"kGFLVcAUqN\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Serialization and Deserialization of JSON in Android<\/h2>\n\n\n\n<p>In this section of the tutorial I will cover serialization and deserialization of JSON in Android.<\/p>\n\n\n\n<p>Serialization of JSON in Android is the conversion of a Java object into a JSON string. Deserialization of JSON in Android is the conversion of a JSON string into a Java object.<\/p>\n\n\n\n<p>There are multiple libraries that support serialization and deserialization of JSON in Android including libraries such as GSON, Moshi and Jackson. For the purposes of this tutorial we will be using the <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/google\/gson\" target=\"_blank\">GSON library published by Google<\/a> for both serialization and deserialization of JSON.<\/p>\n\n\n\n<p>To use the GSON library you will need to add it as a dependency to your app level build.gradle file. See a sample build.gradle file including the GSON dependency below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/045a98307be76d84eea1d08c26126ad4.js\"><\/script><\/p>\n\n\n<p>After we have added the GSON library we will then need to update the Post class to add annotations to each of the variables as they appear in the JSON string to allow us to convert between a Java object and a JSON string and vice versa.<\/p>\n\n\n\n<p>To achieve this, we add an annotation SerializedName above each variable and specify the name of the corresponding attribute in the JSON string inside the annotation.<\/p>\n\n\n\n<p>See the code sample for the Post class containing the SerializedName attributes below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/2c1b5ab7fe7cdf78d5c581a2f660efca.js\"><\/script><\/p>\n\n\n<h3 class=\"wp-block-heading\">How to Convert a JSON String into a Java Object in Android<\/h3>\n\n\n\n<p>In this section of the tutorial I will show you how to convert a JSON string into a Java object in Android using the GSON library. This process is better known as deserialization.<\/p>\n\n\n\n<p>Please see the code sample below containing an updated SubredditFragment class.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/68ac21136374118009b552095689a624.js\"><\/script><\/p>\n\n\n<p>In this SubredditFragment class a new method convertJSONToPost(String) has been created. It accepts a JSON String as a parameter and returns a Post object corresponding to the deserialized JSON String.<\/p>\n\n\n\n<p>To convert a JSON String into a Java object using GSON first we create a new GSON object with an empty constructor. After that we will return Post record from calling the fromJson(&#8230;) method on the GSON object passing the JSON String and the Post class as parameters.<\/p>\n\n\n\n<p>I have also create a new method called getPostsUsingRetrofitWithGSON() which is almost the same as the getPostsUsingRetrofit() method but on line 82 we use the convertJSONToPost(String) method passing the JSON String of the post in the JSONArray array to convert it into a Post object than add it to the List of Posts.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Convert a Java Object into a JSON String in Android<\/h3>\n\n\n\n<p>In this section of the tutorial I will show you how to convert a Java object into a JSON string in Android using the GSON library. This process is better known as deserialization.<\/p>\n\n\n\n<p>See the code excerpt below showing the convertPostToJson(Post) method that shows how to convert a Post object to a JSON string using Gson using the toJson(&#8230;) method on a new Gson object passing the Post as a parameter.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/9927989d5db7e6604af493e0b78cb17d.js\"><\/script><\/p>\n\n\n<h2 class=\"wp-block-heading\">How to Create a JSON File in Android<\/h2>\n\n\n\n<p>In this section of the tutorial I will show you how to create and write a JSON string to a file in internal storage in Android. I will also show you how to read a JSON string from a file in internal storage.<\/p>\n\n\n\n<p>See the code sample below containing two methods. The first for writing a JSON string to a file in internal storage and the second which is for reading a JSON string from a file in internal storage.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/fd2e64335286f690fdc95d0a10c7876f.js\"><\/script><\/p>\n\n\n<p>In our Android app where we retrieve posts from a subreddit on reddit.com, if we wanted to save these posts in a JSON format in internal storage we would call the writeJSONFile(String, String) method when we retrieve the JSON string from Retrofit or Volley and pass the JSON string along with a file name as parameters.<\/p>\n\n\n\n<p>You may want to call the readJSONFile(String) method passing the same file name inside the onCreateView(&#8230;) method when we load the fragment to show a previous set of posts from a subreddit while we wait for the user to input a subreddit and select the &#8220;Get Posts&#8221; button.<\/p>\n\n\n\n<p>If you would like to learn more about file processing in Android, I recommend you check out the post I wrote linked below.<\/p>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-learn-to-droid\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"OEEnayMHjO\"><a href=\"http:\/\/10.0.0.14:32769\/android-file-io-tutorial-with-internal-and-external-storage\/\">Android File IO Tutorial with Internal and External Storage<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Android File IO Tutorial with Internal and External Storage&#8221; &#8212; Learn to Droid\" src=\"http:\/\/10.0.0.14:32769\/android-file-io-tutorial-with-internal-and-external-storage\/embed\/#?secret=BZkGxWTuBq#?secret=OEEnayMHjO\" data-secret=\"OEEnayMHjO\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript Object Notation (JSON) is a popular text file format used in many applications including in Android app development. In this Android JSON tutorial post I will cover how to<\/p>\n","protected":false},"author":1,"featured_media":4068,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[12],"tags":[],"acf":[],"_links":{"self":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts\/3885"}],"collection":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/comments?post=3885"}],"version-history":[{"count":5,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts\/3885\/revisions"}],"predecessor-version":[{"id":4116,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts\/3885\/revisions\/4116"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/media\/4068"}],"wp:attachment":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/media?parent=3885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/categories?post=3885"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/tags?post=3885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}