thumbnail

Dalam tutorial ini, kita akan membahas cara membuat aplikasi berita sederhana di Android dan mengintegrasikan API untuk mendapatkan berita terkini dari berbagai sumber.

Siapkan Proyek Android

Langkah pertama adalah membuat proyek Android baru menggunakan Android Studio. memilih Aktivitas Kosong, dan beri nama proyek tersebut, misalnya “Aplikasi Berita”.

Tambahkan Dependensi

Untuk mengakses API dan memproses data JSON, kita memerlukan beberapa dependensi. Membuka build.gradle(modul: aplikasi) dan tambahkan kode berikut:

kelas

Salin kode

ketergantungan {

    implementasi ‘com.squareup.retrofit2:retrofit:2.9.0’

    implementasi ‘com.squareup.retrofit2:converter-gson:2.9.0’

    implementasi ‘com.squareup.okhttp3:logging-interceptor:4.9.1’

}

Ketergantungan ini memungkinkan kita menggunakan Retrofit untuk mengakses API dan Gson untuk mengurai JSON.

Buat Model Data

Selanjutnya, buat model data berita yang akan menyimpan berita yang diambil dari API. Misalnya, buat aBerita kelas, termasukjudul、keterangan、url Dan imageUrl Properti lainnya:

kotlin

Salin kode

kelas data Berita(

    judul val: String,

    deskripsi val: Tali,

    val url: Tali,

    val gambarUrl: String

)

Siapkan Retrofit untuk Mengakses API

Kami kemudian akan mengonfigurasi Retrofit untuk mengakses API. Misalnya, kami menggunakan API Berita (https://newsapi.org/) sebagai sumber berita. Buat sebuahLayanan Api Antarmuka untuk menyiapkan koneksi ke API.

kotlin

Salin kode

antarmuka ApiService {

    @GET(“v2/berita utama teratas”)

    menangguhkan kesenangan getNews(

        @Query(“apiKey”) apiKey: String,

        @Query(“negara”) negara: String

    ): Tanggapan<BeritaRespon>

}

Kemudian, buat aContoh Retrofit Kelas untuk menginisialisasi Retrofit:

kotlin

Salin kode

objek RetrofitInstance {

    val api: ApiService oleh malas {

        Retrofit.Pembangun()

            .baseUrl(“https://newsapi.org/”)

            .addConverterFactory(GsonConverterFactory.create())

            .membangun()

            .create(ApiService::class.java)

    }

}

Gunakan RecyclerView untuk Menampilkan Berita

Setelah integrasi API selesai, kita dapat menggunakanTampilan Pendaur Ulang untuk menampilkan berita. Buat Adaptor untuk mengelola data berita yang ditampilkan.

kotlin

Salin kode

class NewsAdapter(daftar berita val pribadi: Daftar<Berita>) : RecyclerView.Adapter<NewsAdapter.NewsViewHolder>() {

    ganti kesenangan onCreateViewHolder(induk: ViewGroup, viewType: Int): NewsViewHolder {

        val binding = ItemNewsBinding.inflate(LayoutInflater.from(parent.context), induk, false)

        kembalikan NewsViewHolder (mengikat)

    }

    ganti kesenangan onBindViewHolder(pemegang: NewsViewHolder, posisi: Int) {

        val berita = daftar berita[posisi]

        pemegang.bind(berita)

    }

    ganti kesenangan getItemCount(): Int = newsList.size

    class NewsViewHolder(pengikatan val pribadi: ItemNewsBinding) : RecyclerView.ViewHolder(binding.root) {

        ikatan yang menyenangkan(berita: Berita) {

            binding.title.text = berita.judul

            binding.deskripsi.teks = berita.deskripsi

            // Anda dapat menggunakan Glide atau Picasso untuk memuat gambar

        }

    }

}

Jalankan Aplikasi

Sekarang kita bisa menjalankan aplikasinya. Pastikan Anda telah mendaftarkan kunci API Anda dan memasukkannyaapiKey Ganti nilainya dengan kunci Anda.

Dengan mengikuti langkah-langkah berikut, Anda akan berhasil membangun aplikasi berita sederhana dengan integrasi API.

What to read next