Cara Ambil Semua Postingan Dari Blogger API v3 Dengan Javascript

 


Kali ini saya akan membagikan cara bagaimana mengambil data blogger menggunakan API

Terkadang untuk beberapa keperluan kita membutuhkan data data dari Blogger agar bisa ditampilkan pada aplikasi tertentu
Bisa aplikasi android milik kalian, bisa personal blog lain, dan lain sebagainya

Maka dari itu kita membutuhkan API yang sudah disediakan oleh Google agar satu aplikasi dengan aplikasi lain bisa saling berkomunikasi

Proses ini biasa disebut sebagai fetching. Yaitu proses pengambilan data dari response sebuah API dengan cara mengirimkan request tertentu. Biasanya terdapat GET, POST, PUT dan DELETE

Sebelum kita lanjut, persiapkan dulu beberapa hal di bawah
  • Postman
  • API Key yang digenerate dari website resminya.Caranya kalian klik tombol biru Get an OAuth client ID

Jika sudah langsung saja ikuti langkah langkah di bawah

Langkah Langkah

Lalian buka Postman. Mengapa? karena kita perlu menguji API apakah berhasil mengirimkan response dengan baik
Jangan lupa untuk masukkan API Key yang barusan kalian dapatkan. INGAT JANGAN BAGIKAN API KEY SECARA PUBLIK


URL yang kita gunakan adalah https://www.googleapis.com/blogger/v3/blogs/masukkanBloggerIDkalian/posts

Blogger ID bisa kalian lihat dengan cara buka Dashbord Blogger kalian dan lihat angka di dalam URL kalian. Itulah Blogger ID kalian\



Maka Postman akan menerima response seperti berikut


Tapi pertanyaannya bagaimana cara mengambil data ini menggunakan kodingan?

Saya akan memberi tahu scriptnya. Kalian bisa mengunjungi Github saya, atau liat kode dibawah

const url = `${api}/${userId}/posts?key=${key}`;
(async function main() {
  const res = await fetch(url, {
    method: "GET",
    headers: {
      "Content-Type": "application/json",
    },
  });
  const json = await res.json();
  const items = json.items;
  console.log(items)
})()

Ketika dijalankan maka kita berhasil mendapatkan response seperti berikut

Setelah itu kalian bisa berkreasi untuk menempatkan data data ini ke dalam website kalian.

Semoga membantu :)
Post a Comment (0)
Previous Post Next Post