in Javascript, Programming

Tutorial react js – API YouTube dengan React – [part 7]

Halo, selamat datang di blog saya.

Melanjutkan tutorial React js sebelumnya yaitu tutorial untuk membuat aplikasi sederhana dengan React js. Sebelum lanjut membaca, bagi yang belum membaca artikel sebelumnya, saya sarankan untuk membacanya terlebih dahulu. Jika sudah, mari kita lanjut ke tutorial menggunakan API YouTube.

Aplikasi yang akan saya buat merupakan aplikasi yang dapat digunakan untuk melakukan pencarian video kemudian menampilkan hasil pencarian kepada pengguna. Data yang akan saya gunakan adalah data yang berasal dari youtube.com. Untuk mendapatkan data tersebut, saya akan menggunakan API YouTube yang telah disediakan.

Membuat API key YouTube

  • Buka https://console.developers.google.com (harus memiliki akun google),
  • Pilih hamburger menu pada pojok kiri atas, kemudian pilih menu API Manager(seperti yang saya tandai dengan kotak merah),
console developer google

console developer google

  • Pilih menu Library, kemudian pilih layanan YouTube Data API (seperti yang saya tandai dengan kotak merah),
console developer google service

console developer google service

  • Setelah memilih YouTube Data API, maka akan muncul tampilan berikut:
console developer google youtube api

console developer google youtube api

  • Pilih tombol enable pada bagian atas,
console developer google youtube data api enable

console developer google youtube data api enable

  • Pilih create credential pada kanan atas,
console developer google youtube api create credential

console developer google youtube api create credential

  • Isikan data seperti pada gambar, klik tombol yang saya beri tanda merah,
console developer google youtube api create credential 2

console developer google youtube api create credential 2

  • Copy API key yang didapatkan, kemudian klik tombol Done,
console developer google youtube api create credential 3

console developer google youtube api create credential 3

Jika masih merasa kesulitan untuk mendapatkan API key dari YouTube Data API, silakan untuk mencari artikel atau tutorial yang berhubungan dengan membuat API key dari Youtube Data API.

Setelah kita berhasil mendapatkan API key, kita akan menggunakannya untuk berkomunikasi dan mengambil data dari YouTube. Proses pengambilan data akan saya tuliskan pada artikel selanjutnya.

Terima kasih sudah membaca dan sampai jumpa pada artikel selanjutnya.

Write a Comment

Comment