Scraper - Neonime

Scraping Neonime: Panduan dan Contoh Kode

Neonime adalah situs populer bagi penggemar anime yang menyediakan berbagai episode terbaru dengan subtitle bahasa Indonesia. Dalam artikel ini, kami akan membahas cara mengambil data anime terbaru dari Neonime menggunakan Node.js dengan teknik web scraping.

Apa itu Web Scraping?

Web scraping adalah proses otomatisasi untuk mengambil data dari sebuah situs web. Dengan menggunakan library seperti axios untuk mengambil data dari halaman web dan cheerio untuk memanipulasi dokumen HTML, Anda dapat mengakses informasi penting secara programatis.

Kode Implementasi: Scraping Anime Terbaru dari Neonime

Berikut adalah kode lengkap untuk mengambil daftar anime terbaru dari Neonime.

/*
*
* [ *SCRAPE NEONIME* ]
* Created By Hann
* 
* Channel: https://whatsapp.com/channel/0029Vaf07jKCBtxAsekFFk3i
*
**/

const axios = require('axios');
const cheerio = require('cheerio');

async function neonimeLatest() {
    try {
        const { data } = await axios.get('https://neonime.me/');
        const $ = cheerio.load(data);
        
        const animeList = [];

        $('.item.episode-home').each((index, element) => {
            const title = $(element).find('.tt.title-episode').text();
            const url = $(element).find('a').attr('href');
            const image = $(element).find('img').attr('data-src');
            const episodeTitle = $(element).find('.tt').text();
            const description = $(element).find('.ttx').text();
            const episodeNumber = $(element).find('.fixyear h2.text-center').text();

            animeList.push({
                title,
                url,
                image,
                episodeTitle,
                description,
                episodeNumber
            });
        });

        return JSON.stringify(animeList, null, 2);
    } catch (error) {
        return error.message;
    }
}

neonimeLatest()
    .then((result) => console.log(result))
    .catch((err) => console.error(err));

Penjelasan Kode

1. Mengambil Data dari Neonime

Menggunakan axios.get(), kode ini mengakses halaman utama Neonime.

const { data } = await axios.get('https://neonime.me/');

2. Parsing HTML dengan Cheerio

Library cheerio digunakan untuk memuat dan memanipulasi dokumen HTML dari data yang diambil.

const $ = cheerio.load(data);

3. Menelusuri Elemen HTML

Kode mencari elemen yang berisi daftar anime terbaru menggunakan selector CSS.

$('.item.episode-home').each((index, element) => {
    const title = $(element).find('.tt.title-episode').text();
    const url = $(element).find('a').attr('href');
    const image = $(element).find('img').attr('data-src');
    const episodeTitle = $(element).find('.tt').text();
    const description = $(element).find('.ttx').text();
    const episodeNumber = $(element).find('.fixyear h2.text-center').text();

    animeList.push({
        title,
        url,
        image,
        episodeTitle,
        description,
        episodeNumber
    });
});

4. Hasil dalam Format JSON

Daftar anime terbaru disimpan dalam array animeList dan diubah menjadi format JSON untuk mempermudah pembacaan.

return JSON.stringify(animeList, null, 2);

Hasil yang Diharapkan

Berikut adalah contoh hasil yang akan dihasilkan:

[
  {
    "title": "Naruto: Episode 5",
    "url": "https://neonime.me/naruto-episode-5/",
    "image": "https://neonime.me/image/naruto-episode-5.jpg",
    "episodeTitle": "Naruto: Episode 5",
    "description": "Naruto dan teman-temannya menghadapi tantangan baru.",
    "episodeNumber": "Episode 5"
  },
  {
    "title": "One Piece: Episode 1000",
    "url": "https://neonime.me/one-piece-episode-1000/",
    "image": "https://neonime.me/image/one-piece-episode-1000.jpg",
    "episodeTitle": "One Piece: Episode 1000",
    "description": "Pertempuran epik di Onigashima.",
    "episodeNumber": "Episode 1000"
  }
]

Cara Menggunakan

Instalasi Dependensi Pastikan Anda memiliki axios dan cheerio di proyek Anda. Install dengan perintah berikut:

npm install axios cheerio

Menjalankan Script Simpan kode di file neonimeScraper.js lalu jalankan dengan perintah:

node neonimeScraper.js

Kesimpulan

Script ini memungkinkan Anda untuk mendapatkan daftar anime terbaru di Neonime dengan mudah. Data yang diambil dapat digunakan untuk berbagai kebutuhan, seperti menampilkan daftar anime di aplikasi atau situs Anda. Dengan pemahaman ini, Anda juga dapat memodifikasi scraper sesuai kebutuhan Anda.