Tutorial : Mengintegrasikan YouTube API dengan Cod

Tutorial : Mengintegrasikan YouTube API dengan Cod

Selamat datang kembali, para pengembang web! Pada tutorial kali ini, kita akan membahas cara mengintegrasikan YouTube API dengan CodeIgniter 3 untuk membuat aplikasi yang dapat menampilkan informasi video dari saluran YouTube tertentu.

 

Langkah 1: Persiapan API Key

Langkah pertama yang perlu kita lakukan adalah mendapatkan API Key dari Google Developer Console. Buka Google Developer Console, buat proyek baru, dan aktifkan YouTube Data API v3 pada proyek tersebut. Setelah itu, dapatkan API Key dari bagian Credential.

Langkah 2: Instalasi CodeIgniter dan Konfigurasi

Pastikan Anda sudah menginstal CodeIgniter 3. Jika belum, kunjungi situs resmi CodeIgniter dan ikuti petunjuk instalasinya. Setelah itu, buka file application/config/config.php dan sesuaikan base URL sesuai dengan URL aplikasi Anda.

Langkah 3: Membuat Controller

Buatlah controller baru dengan nama Youtubeapi.php pada direktori application/controllers. Berikut adalah contoh isi dari file tersebut:

Youtubeapi.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

 

class Youtubeapi extends CI_Controller {

 

    public function __construct() {
        parent::__construct();
        $this->load->helper('url');
        $this->load->view('youtubeapi_view');
    }

 

    public function index() {
        $this->load->view('youtubeapi_view');
    }

 

    public function get_videos() {
        $api_key = 'YOUR_API_KEY'; // Ganti dengan API Key yang Anda dapatkan
        $channel_id = 'CHANNEL_ID'; // Ganti dengan ID saluran YouTube yang akan diambil videonya

 

        $api_url = "https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=$channel_id&type=video&order=date&maxResults=10&key=$api_key";

 

        $video_data = file_get_contents($api_url);
        $videos = json_decode($video_data);

 

        // Tampilkan hasil atau proses lebih lanjut sesuai kebutuhan aplikasi Anda
        echo '<pre>';
        print_r($videos);
        echo '</pre>';
    }

 

}

Langkah 4: Membuat View

Selanjutnya, buatlah file view dengan nama youtubeapi_view.php pada direktori application/views. Isi file ini sesuai dengan kebutuhan desain antarmuka Anda.

 

Langkah 5: Mengakses Data melalui AJAX

Pada file youtubeapi_view.php, tambahkan script JavaScript untuk mengakses data melalui AJAX. Dengan ini, kita dapat menampilkan informasi video secara dinamis.

youtubeapi_view.php

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
    $(document).ready(function () {
        $.ajax({
            url: '<?php echo base_url("youtubeapi/get_videos"); ?>',
            type: 'GET',
            success: function (data) {
                // Proses data dan tampilkan di antarmuka
                console.log(data);
            },
            error: function () {
                console.log('Gagal mengambil data dari YouTube API.');
            }
        });
    });
</script>

Kesimpulan

Selamat! Sekarang Anda telah berhasil mengintegrasikan YouTube API dengan CodeIgniter 3. Anda dapat mengakses data video dari saluran YouTube yang ditentukan dan menampilkan informasinya sesuai kebutuhan aplikasi Anda. Jangan lupa untuk mengganti placeholder API Key dan ID saluran YouTube dengan informasi yang sesuai.

Selamat mengembangkan!