ஜாவாஸ்கிரிப்ட் அடிப்படையிலான இணையதளங்களுக்கான RSS ஊட்டங்களை எவ்வாறு உருவாக்குவது

டைனமிக் ஜாவாஸ்கிரிப்ட்-இயக்கப்படும் இணையதளங்களுக்கான ஆர்எஸ்எஸ் ஊட்டங்களை உருவாக்குதல்

RSS ஊட்டங்கள் தங்களுக்குப் பிடித்த இணையதளங்களில் இருந்து புதிய தகவல்களைத் தெரிந்துகொள்ள விரும்பும் நுகர்வோருக்கு ஒரு முக்கிய கருவியாகும். பல நிலையான வலைத்தளங்கள் ஆர்எஸ்எஸ் ஊட்டங்களை உடனடியாக இணைத்துக்கொள்ளலாம், ஜாவாஸ்கிரிப்ட்-இயங்கும் தளங்களுக்கு ஒன்றை உருவாக்குவது தனித்துவமான தடைகளைக் கொண்டுவருகிறது. இந்த இணையதளங்கள் பக்கம் உருவாக்கப்பட்ட பிறகு ஏற்றப்படும் டைனமிக் உள்ளடக்கத்தை அடிக்கடி நம்பி, வழக்கமான RSS தொழில்நுட்பங்களை பயனற்றதாக ஆக்குகிறது.

PolitePol அல்லது RSS.app போன்ற பொதுவான கருவிகள் நிலையான தளங்களுடன் நன்றாகச் செயல்படுகின்றன, ஆனால் JavaScript-கனமான இணையதளங்களில் பாதிக்கப்படுகின்றன. இது டெவலப்பர்கள் தங்கள் உள்ளடக்கத்தை ஏற்றியவுடன் உடனடியாகக் காட்டாத பக்கங்களுக்கு RSS ஊட்டத்தை வழங்குவதை கடினமாக்குகிறது.

இந்த சிக்கலை தீர்க்க, டெவலப்பர்கள் மிகவும் சிக்கலான தீர்வுகளை அடிக்கடி பார்க்க வேண்டும். ஜாவாஸ்கிரிப்ட் ஒரு பக்கத்தில் உள்ளடக்கத்தை எவ்வாறு மாறும் வகையில் உருவாக்குகிறது என்பதைக் கருத்தில் கொண்டு, பெஸ்போக் ஸ்கிரிப்ட்களை உருவாக்குதல் அல்லது வலை ஸ்கிராப்பிங் நுட்பங்களைப் பயன்படுத்துதல் ஆகியவை இதில் அடங்கும். எடுத்துக்காட்டில் காட்டப்பட்டுள்ளதைப் போன்ற இணையதளங்களில் RSS ஊட்டங்களை இயக்குவதற்கு இந்த முறைகளைப் புரிந்துகொள்வது மிகவும் முக்கியமானது.

கிராமீன்ஃபோனின் இணையதளத்தின் செய்தி வெளியீட்டுப் பகுதி, தரவுகளை மாறும் வகையில் ஏற்றுகிறது, இந்த உத்திகளுக்கு ஒரு சிறந்த எடுத்துக்காட்டு. இந்தக் கட்டுரையில், ஜாவாஸ்கிரிப்ட் மற்றும் சமகால வலை ஸ்கிராப்பிங் நுட்பங்களைப் பயன்படுத்தி, அத்தகைய இணையதளங்களுக்கு RSS ஊட்டத்தை எவ்வாறு உருவாக்குவது என்பதைப் பார்ப்போம்.

ஜாவாஸ்கிரிப்ட் ஆர்எஸ்எஸ் ஃபீட் ஸ்கிரிப்டுகள் எவ்வாறு செயல்படுகின்றன என்பதைப் புரிந்துகொள்வது

முதல் ஸ்கிரிப்ட் Node.js, Cheerio மற்றும் RSS தொகுதிக்கூறுகளைப் பயன்படுத்தி ஜாவாஸ்கிரிப்ட்-கனமான இணையதளத்தில் இருந்து உள்ளடக்கத்தை நீக்குகிறது. இங்குள்ள முக்கிய பிரச்சனை என்னவென்றால், பல நவீன வலைத்தளங்கள் ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி மாறும் வகையில் உள்ளடக்கத்தை ஏற்றுகின்றன, இதனால் நிலையான ஸ்கிராப்பிங் முறைகள் அனைத்தையும் கைப்பற்றுவது கடினம். இலக்கு வலைத்தளத்தின் மூல HTML ஐ மீட்டெடுக்க, ஸ்கிரிப்ட் முதலில் Axios வழியாக HTTP கோரிக்கையை அனுப்புகிறது. HTML ஐப் பெற்ற பிறகு, jQuery போன்ற முறையில் அதை அலசவும் கையாளவும் Cheerio பயன்படுகிறது. RSS ஊட்டத்தை உருவாக்குவதற்குத் தேவைப்படும் பத்திரிகை வெளியீடுகள் போன்ற பக்கத்தின் குறிப்பிட்ட பகுதிகளை அணுகவும் மீட்டெடுக்கவும் இது அனுமதிக்கிறது.

உள்ளடக்கம் ஸ்கிராப் செய்யப்பட்டவுடன், அது RSS ஊட்ட-இணக்கமான வடிவமாக மாற்றப்படும். Cheerio செயல்பாடு $('.press-release-item').each() இது மிகவும் பயனுள்ளதாக இருக்கும், ஏனெனில் இது ஒவ்வொரு பத்திரிகை வெளியீட்டிலும் இயங்குகிறது மற்றும் தலைப்பு மற்றும் URL போன்ற முக்கியமான விவரங்களைப் பிரித்தெடுக்கிறது. ஸ்கிராப் செய்யப்பட்ட தரவு பின்னர் RSS ஊட்டத்தில் சேர்க்கப்படும் feed.item() ஆர்எஸ்எஸ் நூலகத்திலிருந்து முறை. இந்த ஸ்கிரிப்ட்டின் இறுதிப் படியானது முழு RSS XML ஐ இயக்குவதன் மூலம் உருவாக்குவதாகும் feed.xml(). இந்த XML என்பது புதிய செய்தி வெளியீடுகளைப் பற்றி தெரிவிக்க சந்தாதாரர்கள் பயன்படுத்தலாம். உள்ளடக்கம் மாறும் வகையில் ஏற்றப்படும் போது இந்த உத்தி இணையதளங்களுக்கு நன்றாக வேலை செய்யும், ஆனால் கட்டமைப்பு நிலையானதாகவும் கணிக்கக்கூடியதாகவும் இருக்கும்.

இரண்டாவது அணுகுமுறை Puppeteer ஐப் பயன்படுத்துகிறது, இது ஜாவாஸ்கிரிப்ட்-கனமான வலைப்பக்கங்களுடன் தொடர்புகொள்வதில் நிபுணத்துவம் பெற்ற தலையில்லாத உலாவியாகும். உண்மையான உலாவி அமர்வைப் பின்பற்றுவதற்கு Puppeteer ஸ்கிரிப்டை செயல்படுத்துகிறது, அதாவது உள்ளடக்கத்தைப் பிரித்தெடுப்பதற்கு முன்பு JavaScript முழுமையாக ஏற்றப்படும் வரை காத்திருக்கிறது. கிராமின்போன் பத்திரிகை வெளியீட்டுப் பகுதி போன்ற பக்கங்களுக்கு இது மிகவும் முக்கியமானது, முதல் HTML பக்க ஏற்றத்திற்குப் பிறகு பொருள் மாறும் வகையில் உருவாக்கப்படுகிறது. ஸ்கிரிப்ட் ஆரம்பத்தில் ஒரு பப்பீட்டீர் உலாவி நிகழ்வைத் திறந்து, இலக்கு URL ஐப் பயன்படுத்தி செல்லவும் page.goto() முறை. பக்கம் முழுவதுமாக ஏற்றப்பட்ட பிறகு, ஸ்கிரிப்ட் அதை மதிப்பிடுகிறது மற்றும் பொதுவான DOM கையாளுதல் முறைகளைப் பயன்படுத்தி பொருத்தமான பொருளை இழுக்கிறது querySelectorAll.

மிகவும் சிக்கலான மற்றும் ஆற்றல்மிக்க வலைப்பக்கங்களைக் கையாள்வதில் Cheerio போன்ற அடிப்படை ஸ்கிராப்பிங் கருவிகளை Puppeteer விஞ்சுகிறது. தொடர்புடைய தரவை ஸ்கிராப் செய்த பிறகு, இது முதல் ஸ்கிரிப்ட் போன்ற ஒரு செயல்முறையின் மூலம் செல்கிறது, வெளியீட்டை ஆர்எஸ்எஸ் ஊட்டமாக வடிவமைக்கிறது. ஒத்திசைவற்ற முறையில் உள்ளடக்கத்தை ஏற்றும் அல்லது மேம்பட்ட ஜாவாஸ்கிரிப்ட் கட்டமைப்பைப் பயன்படுத்தும் வலைத்தளங்களுக்கு இந்த முறை மிகவும் பொருத்தமானது, இது நவீன வலைத்தளங்களிலிருந்து RSS ஊட்டங்களை உருவாக்குவதற்கான பல்துறை மாற்றாக வழங்குகிறது. இரு விருப்பங்களும், Cheerio அல்லது Puppeteer ஐப் பயன்படுத்தினாலும், மாறும் வகையில் ஏற்றப்பட்ட உள்ளடக்கம் பயனர் நுகர்வுக்கான சரியான RSS வடிவத்திற்கு மாற்றப்படுவதை உறுதிசெய்கிறது.

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

async function fetchPressReleases() {
  try {
    const { data } = await axios.get('https://www.grameenphone.com/about/media-center/press-release');
    const $ = cheerio.load(data);
    let releases = [];

    $('.press-release-item').each((i, el) => {
      const title = $(el).find('h3').text();
      const url = $(el).find('a').attr('href');
      releases.push({ title, url });
    });

    return releases;
  } catch (error) {
    console.error('Error fetching press releases:', error);
  }
}

async function generateRSS() {
  const feed = new RSS({ title: 'Press Releases', site_url: 'https://www.grameenphone.com' });
  const releases = await fetchPressReleases();

  releases.forEach(release => {
    feed.item({ title: release.title, url: release.url });
  });

  console.log(feed.xml());
}

generateRSS();

const puppeteer = require('puppeteer');
const RSS = require('rss');

async function fetchDynamicContent() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://www.grameenphone.com/about/media-center/press-release');

  const releases = await page.evaluate(() => {
    return Array.from(document.querySelectorAll('.press-release-item')).map(el => ({
      title: el.querySelector('h3').innerText,
      url: el.querySelector('a').href
    }));
  });

  await browser.close();
  return releases;
}

async function generateRSS() {
  const feed = new RSS({ title: 'Dynamic Press Releases', site_url: 'https://www.grameenphone.com' });
  const releases = await fetchDynamicContent();

  releases.forEach(release => {
    feed.item({ title: release.title, url: release.url });
  });

  console.log(feed.xml());
}

generateRSS();

ஜாவாஸ்கிரிப்ட்-ஹெவி இணையதளங்களுக்கான டைனமிக் ஆர்எஸ்எஸ் ஊட்டங்களை உருவாக்குதல்

ஜாவாஸ்கிரிப்ட்-இயங்கும் வலைத்தளங்களுடன் பணிபுரியும் போது, ​​RSS ஊட்டத்திற்காக மாறும் வகையில் காட்டப்படும் உள்ளடக்கத்தைப் படம்பிடிப்பது சில நேரங்களில் புறக்கணிக்கப்படும் சிரமமாகும். நிலையான பக்கங்களைப் போலன்றி, ஜாவாஸ்கிரிப்ட்-இயங்கும் இணையதளங்கள், ஆரம்பப் பக்கக் கோரிக்கைக்குப் பிறகு உள்ளடக்கத்தின் பகுதிகளை ஏற்றி, வழக்கமான ஸ்கிராப்பிங் அணுகுமுறைகளை பயனற்றதாக ஆக்குகிறது. React, Angular மற்றும் Vue.js போன்ற புதிய கட்டமைப்புகளுடன் இணையதளங்கள் மிகவும் ஊடாடும் வகையில் வளரும்போது, ​​டைனமிக் உள்ளடக்க உற்பத்தியைக் கையாள புதிய தீர்வுகளை டெவலப்பர்கள் விரும்புகிறார்கள்.

இந்த தளங்களுக்கான RSS ஊட்டத்தை உருவாக்க, டெவலப்பர்கள் பப்பீட்டீருடன் தலையில்லாமல் உலாவுதல் போன்ற தீர்வுகளை பரிசோதனை செய்யலாம், இது உண்மையான பயனர் அனுபவத்தை உருவகப்படுத்துகிறது. மற்றொரு வழி, கிடைக்கும் பட்சத்தில், இணையதளம் மூலம் வழங்கப்படும் APIகளைப் பயன்படுத்துவது. பல தற்போதைய இணையதளங்கள் முன் முனையில் காட்டப்படும் தரவை வழங்கும் JSON அல்லது RESTful APIகளை வெளிப்படுத்துகின்றன. இந்த APIகளைப் பயன்படுத்தி, பக்கம் எப்படி இருக்கும் என்பதைப் பற்றி கவலைப்படாமல் கட்டமைக்கப்பட்ட தரவை உடனடியாக அணுகலாம். வலை ஸ்கிராப்பிங்கை விட APIகள் நிலையானதாக இருப்பதன் நன்மையையும் கொண்டுள்ளது, இது ஒரு வலைத்தளம் கட்டமைப்பை மாற்றும் போது உடைந்து போகலாம்.

மேலும், API பயன்பாட்டை சர்வர்-சைட் ரெண்டரிங் (SSR) உடன் இணைப்பது ஒரு பயனுள்ள RSS தலைமுறை முறையாக இருக்கலாம். Next.js போன்ற SSR கட்டமைப்புகள், சர்வரில் பக்கங்களை முன்-ரெண்டர் செய்ய முடியும், இது மாறும் ஏற்றப்பட்ட கூறுகள் உட்பட முழுமையாக நிறைவு செய்யப்பட்ட HTML ஐப் பிடிக்க உங்களை அனுமதிக்கிறது. இந்த HTML ஐ RSS ஊட்டமாக மாற்றலாம். இந்த தீர்வுகள் டெவலப்பர்களுக்கு எப்போதும் மாறும் ஜாவாஸ்கிரிப்ட் கட்டமைப்புகள் மற்றும் டைனமிக் உள்ளடக்க ஏற்றுதல் அல்காரிதம்களுடன் பணிபுரியும் போது நெகிழ்வுத்தன்மை மற்றும் அளவிடுதல் ஆகியவற்றை வழங்குகின்றன.