? ???? JavaScript? ??? ???

?? ????: Axios ? Cheerio
JavaScript? ???? ?? ????? ????? ????? ??? ???????. ? ???? ? ?? ?? ?? ?????? HTTP ??? Axios? HTML ?? ??? Cheerio? ?????.

*1. ??? ?? *
npm? ???? Axios ? Cheerio? ?????.

npm ?? axios Cherio

*2. ???? ??? *
JavaScript ??? ????. B. scrapeEcommerce.js? ?? ????? ???.

*3. ?? ???? *
Axios ? Cheerio? ????? ?????.

const axios = require('axios');

const Cherio = require('cheerio');

*4. ?? URL ?? *
????? ????? ????? ?????. ? ???? ??? URL http://example-ecommerce.com? ?????. ??? ??? URL? ????:

const url = 'http://example-ecommerce.com';

*5. HTML ??? ???? *
Axios? ???? ?? URL? GET ??? ??? HTML ???? ?????.

axios.get(url)

.then(?? => {

const html = response.data;

// ?? HTML ???? ?? ??? ? ????

})

.catch(?? => {

console.error('???? ???? ? ?? ??:', error);

});

*6. HTML ?? ?? ? ??? ?? *
Cheerio? ???? HTML ??? ?? ???? ?? ??, ?? ? ??? ??? ?????.

axios.get(url)

.then(?? => {

const html = response.data;

const $=cherio.load(html);

const products = [];  

$('.product').each((index, element) => {  
  const name = $(element).find('.product-name').text().trim();  
  const price = $(element).find('.product-price').text().trim();  
  products.push({ name, price });  
});  

console.log(products);  

})

.catch(?? => {

console.error('???? ???? ? ?? ??:', error);

});

*?? ??? ? *

• axios.get(url): GET ??? ??? ??? ?????.
• .then(response => { … }): ??? ???? HTML ???? response.data? ????.
• cheerio.load(html): jQuery? ??? DOM ??? ?? HTML ???? Cheerio? ?????.
• $('.product').each((index, element) => { … }): ?? .product ??? ?????.
• $(element).find('.product-name').text().trim(): ?? ??? ?????.
• $(element).find('.product-price').text().trim(): ?? ??? ?????.
• products.push({ ??, ?? }): ?? ??? ?? ??? ?????.
• console.log(products) : ??? ??? ?????.

*?? ?? ????: *
const axios = require('axios');

const Cherio = require('cheerio');

const url = 'http://example-ecommerce.com';

axios.get(url)

.then(?? => {

const html = response.data;

const $=cherio.load(html);

const products = [];  

$('.product').each((index, element) => {  
  const name = $(element).find('.product-name').text().trim();  
  const price = $(element).find('.product-price').text().trim();  
  products.push({ name, price });  
});  

console.log(products);  

})

.catch(?? => {

console.error('???? ???? ? ?? ??:', error);

});

*?? ??? ????: *

• ???: .product, .product-name ? .product-price ???? ?? ???? ?? HTML ??? ?? ????? ???.
• ?? ???: ?? ??(?: ?? ???, ??, ??)? ?? HTML ??? ?????.

JavaScript? ???? ????? ????? ? ???? ??

?? ? ????? ?? Python, Ruby ?? ?? ????? ??? ????? Octoparse? ?? JavaScript? ???? ????? ??? ?????.

???? ?? ???????. ?? ????? ?? ????? ????? ?? ?? ???? JS ????? ?? ???? ??? ???? ???. ?????? ?? ?? ?? ??? ?????, ?? ????? ?? ??? ??? ??? ?? ??, ??? ??? ????? ??? ??? ????? ??? ?? ? ????. ??? ? ???? ??? ???? ??? ?? ??? ???? ?????.

?? ? ???? ??? ???? ???? ??? ??? ????. Octoparse? JavaScript? ?? ???? ????? ? ?? ????? Ajax? ???? ???? ???? 99%? ? ????? ???? ??? ? ????. ?? ?? ?? ???? ?????. Octoparse? ??? ??? ? ??? ?? ?? ??? ???? ??? ??? ???? ?? 100? ??? ???? ?? ???? ?????. ?? ???? 14? ???? ??? ? ????.

? ??? JavaScript ????? ????? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!