Membuat aplikasi portal berita berbasis Blogger.com dengan Android Studio

Membuat aplikasi portal berita berbasis Blogger.com dengan Android Studio - Selamat malam, mari mulai untuk membuat aplikasi android dengan memanfaatkan blogger API v3, apakah nantinya akan membuat aplikasi android dengan webview? tentu saja tidak. Aplikasi akan dibangun menggunakan bahasa pemrograman Java. Jadi, bagi anda yang belum membaca seri artikel Membuat website portal berita dengan Blogger.com, silahkan anda baca terlebih dahulu, langkah demi langkahnya dibawah:

• Part 1: Membuat Website Portal Berita Dengan Blogger.com
• Part 2: Pengaturan Custom Domain pada Blogger.com
• Part 3: Mengganti Template (Tema) di Blogger.com
• Part 4: Membuat page, post dan label di Blogger.com
• Part 5: Customize Tema (Template) Blogger.com
• Part 6: Pengenalan dan Setup Blogger API v3

Pada artikel sebelum ini, saya sudah menjelaskan bagaimana cara mendapatkan API KEY pada Google Cloud Console. Dan saya juga asumsikan bahwa anda sudah menginstall dengan lengkap android studio.

Membuat Project

1. Buka Android Studio, kemudian pilih Start A New Android Studio Project 
2. Pilih template Empty Activity kemudian Next 
3. Isi nama Project, Package Name, Language anda pilih Java, Minimum SDK anda pilih API 14 (Klik disini untuk mengetahui tentang Minimum SDK)
4. Tunggu beberapa saat, android studio akan "meng-sync" project untuk anda.

Menambahkan Library

1. Buka folder Gradle Scripts pada android studio anda, kemudian Pilih build gradle module
2. Pada tahap ini silahkan tambahkan beberapa library dibawah untuk menampilkan data dari file json. (Lihat artikel Pengenalan dan Setup Blogger API) 

   implementation 'com.github.bumptech.glide:glide:4.10.0'
   implementation 'com.squareup.retrofit2:retrofit:2.1.0'
   implementation 'com.squareup.retrofit2:converter-gson:2.1.0'
   implementation 'androidx.recyclerview:recyclerview:1.1.0'
   implementation 'androidx.cardview:cardview:1.0.0'
   implementation 'com.google.android.material:material:1.0.0'
   implementation 'com.android.volley:volley:1.1.1'
   implementation 'org.jsoup:jsoup:1.13.1'

3. Note: terlihat saya menggunakan 2 library yakni retrofit dan volley karena saya ingin bereksperimen untuk mengetahui response time dan power consumtion.
4. Buka folder manifest, klik AndroidManifest.xml kemudian tambahkan kode berikut untuk mengizinkan internet akses pada aplikasi yang anda bangun. 

Membuat Package 

1. Pisahkan Package menjadi 3 (Agar memiliki struktur folder yang baik) yaitu adapter, api dan blogger. Klik kanan pada middle package "teknologi" >> New >> Package kemudian berinama sesuai masing-masing dari ketiga package. 
2. Buat sebuah file Java pada folder package "api" berinama "API". Copy kode dibawah dan simpan. 

   import retrofit2.Call;
   import retrofit2.Retrofit;
   import retrofit2.converter.gson.GsonConverterFactory;
   import retrofit2.http.GET;
   
   public class Api
   {
       public static final String key = "API_KEY_BLOGGER";
       public static final String blog_id="BLOG_ID";
       private static final String url = "https://www.googleapis.com/blogger/v3/blogs/"+blog_id+"/posts/";
      
       public static PostService postService = null;
   
       public static PostService getService()
       {
           if (postService == null)
           {
               Retrofit retrofit = new Retrofit.Builder()
                       .baseUrl(url)
                       .addConverterFactory(GsonConverterFactory.create())
                       .build();
   
               postService = retrofit.create(PostService.class);
           }
           return postService;
       }
   
       public interface PostService {
           @GET("?key=" + key)
           Call getPostList();
       }
   
   }​

3. API_KEY_BLOGGER anda sudah dapatkan sebelumnya, sudah saya bahas cara mendapatkan Blogger API V3 Api Key. Untuk BLOG_ID, buka blogspot / blogger.com anda, anda akan melihat blog_id pada address bar browser anda seperti terlihat pada gambar. 

Note: Anda akan melihat angka pada akhir format URL blog anda seperti ini: https://www.blogger.com/u/3/blog/posts/XXXXXXXXXX2738 dimana XXXXXXXXXX2738 adalah BLOG_ID anda.

I’d love to hear from you, leave a Reply!

Submit