【Android Studio】APIをたたく→JSON→中身を表示させてみる



AndroidでWebAPIから情報を取得し、画面に表示させるまでの流れをまとめます。
環境:Android Studio 3.6.3

表示させるだけの最低限の実装です。


目標


ボタンを押した際に、書籍のタイトル・出版年月日を表示させます。

情報元には「Google Books API」を用います。
https://developers.google.com/books/

書籍の情報を取得するには、他にも楽天書籍API
https://webservice.rakuten.co.jp/explorer/api/BooksBook/Search/
などがあります。


応用させた自作アプリがこちら


Layout


Layoutは適当です。題名を表示させる”#titleView”、出版年月日を表示させる”#dateView”、ボタンを乱雑に配置します。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">

    <TextView
        android:id="@+id/titleView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="112dp"
        android:layout_marginEnd="8dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/dateView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="56dp"
        android:layout_marginEnd="8dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/titleView" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="136dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.482"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>


MainActivity


今回は、ボタンを押したらAPI通信する、というだけのシンプルな処理のため、全てをMainActivityでまとめて行います。

public class MainActivity extends AppCompatActivity {

    //レイアウト要素
    Button button;
    TextView titleView;
    TextView dateView;

    //API
    private final String API_URL_PREFIX = "www.googleapis.com";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        button = findViewById(R.id.button);
        titleView = findViewById(R.id.titleView);
        dateView = findViewById(R.id.dateView);
        descriptionView = findViewById(R.id.descriptionView);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
           //②この中でAPIを叩きます。
            }
        });
    }
  //①ここにAPI通信処理を書きます。
}

APIに関する処理を①, ②と省略しました。これを除けば、シンプルな構成です。
では、①API通信処理から見ていきます。


①API通信


class MyAsync extends AsyncTask<String, Void, String> {

        private final WeakReference<TextView> titleViewReference;
        private final WeakReference<TextView> dateViewReference;

        public MyAsync(TextView titletView, TextView dateView) {
            titleViewReference = new WeakReference<TextView>(titletView);
            dateViewReference = new WeakReference<TextView>(dateView);
        }


        @Override
        protected String doInBackground(String... params) {
            final StringBuilder result = new StringBuilder();
            Uri.Builder uriBuilder = new Uri.Builder();
            uriBuilder.scheme("https");
            uriBuilder.authority(API_URL_PREFIX);
            uriBuilder.path("/books/v1/volumes");
            uriBuilder.appendQueryParameter("q", "夏目漱石");
            final String uriStr = uriBuilder.build().toString();

            try {
                URL url = new URL(uriStr);
                HttpURLConnection con = null; 
                con = (HttpURLConnection) url.openConnection();
                con.setRequestMethod("GET");
                con.setDoInput(true);
                con.connect(); //HTTP接続

                final InputStream in = con.getInputStream();
                final InputStreamReader inReader = new InputStreamReader(in);
                final BufferedReader bufReader = new BufferedReader(inReader);

                String line = null;
                while((line = bufReader.readLine()) != null) {
                    result.append(line);
                }
                Log.e("but", result.toString());
                bufReader.close();
                inReader.close();
                in.close();
            }

            catch(Exception e) { //エラー
                Log.e("button", e.getMessage());
            }

            return result.toString(); //onPostExecuteへreturn
        }

        @Override
        protected void onPostExecute(String result) { //doInBackgroundが終わると呼び出される
            try {
                JSONObject json = new JSONObject(result);
                String items = json.getString("items");
                JSONArray itemsArray = new JSONArray(items);
                JSONObject bookInfo = itemsArray.getJSONObject(0).getJSONObject("volumeInfo");

                String title = bookInfo.getString("title");
                String publishedDate = bookInfo.getString("publishedDate");

                TextView titleView = titleViewReference.get();
                TextView dateView = dateViewReference.get();

                titleView.setText(title);
                dateView.setText(publishedDate);

            } catch (JSONException e) {
                e.printStackTrace();
            }

        }
    }



②ボタンが押されたら

 
asynk = new MyAsync(titleView, dateView);
asynk.execute();

コメント

タイトルとURLをコピーしました