Új hozzászólás Aktív témák

• Sk8erPeter nagyúr

  #4106

  #4102 Karma

  2014-04-22 15:14:07

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Sk8erPeter

  nagyúr

  #4102 Karma

  #4102 Karma

  Nem véletlenül írtam privátot, hogy kifejtem bővebben

  No de (hahaha), akkor következzen egy egyszerű példa a te feladatodra. Egy plusz modul kell hozzá, a when. Ott kezdődik a dolog, hogy a requestből készíteni kell egy olyan változatot, ami callback függvény helyett egy ígérettel tér vissza.

  (Az ígéret egy olyan objektum, ami majd valamikor a jövőben fog kiértékelődni, vagy sikeresen, vagy nem. Mindkét ágra fel lehet iratkozni külön, és ha láncba fűzi őket az ember, akkor úgy viselkedik, mint a rendes függvényhívások - az eredmények lépésről lépésre átpasszolódnak, a hiba meg az egészet megszakítja.)

  Szóval a request függvényt be kell foglalni (ezt csinálja a requestP függvény), utána mehet a lényeg. Bátorkodtam kicsit egyszerűsíteni a kigyűjtésen, ha már van a cheerionak is map függvénye.

  var when = require('when'),
  cheerio = require('cheerio'),
  request = require('request');
  
  function requestP(url) {
  return when.promise(function (resolve, reject) {
  request(url, function (err, res, body) {
  if (err) {
  return reject(err);
  } else if (res.statusCode !== 200) {
  err = new Error("Unexpected status code: " + res.statusCode);
  err.res = res;
  return reject(err);
  }
  resolve(body);
  });
  });
  }
  
  requestP('https://news.ycombinator.com')
  .then(function (html) {
  var $ = cheerio.load(html);
  
  return $('span.comhead').map(function (i, element) {
  return $(element).prev();
  });
  })
  .then(function (articles) {
  console.log(articles);
  })
  .catch(console.error);

  "(Az ígéret egy olyan objektum, ami majd valamikor a jövőben fog kiértékelődni, vagy sikeresen, vagy nem. Mindkét ágra fel lehet iratkozni külön, és ha láncba fűzi őket az ember, akkor úgy viselkedik, mint a rendes függvényhívások - az eredmények lépésről lépésre átpasszolódnak, a hiba meg az egészet megszakítja.)"

  JavaScript Promise-témában ECMAScript 6-os feature-ök kapcsán ezt a cikket olvasgattam múltkor, és igen jó:
  JavaScript Promises - There and back again
  http://www.html5rocks.com/en/tutorials/es6/promises/

• Karma félisten

  #4103

  #4102 Karma

  2014-04-19 12:21:00

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Karma

  félisten

  #4102 Karma

  #4102 Karma

  Nem véletlenül írtam privátot, hogy kifejtem bővebben

  No de (hahaha), akkor következzen egy egyszerű példa a te feladatodra. Egy plusz modul kell hozzá, a when. Ott kezdődik a dolog, hogy a requestből készíteni kell egy olyan változatot, ami callback függvény helyett egy ígérettel tér vissza.

  (Az ígéret egy olyan objektum, ami majd valamikor a jövőben fog kiértékelődni, vagy sikeresen, vagy nem. Mindkét ágra fel lehet iratkozni külön, és ha láncba fűzi őket az ember, akkor úgy viselkedik, mint a rendes függvényhívások - az eredmények lépésről lépésre átpasszolódnak, a hiba meg az egészet megszakítja.)

  Szóval a request függvényt be kell foglalni (ezt csinálja a requestP függvény), utána mehet a lényeg. Bátorkodtam kicsit egyszerűsíteni a kigyűjtésen, ha már van a cheerionak is map függvénye.

  var when = require('when'),
  cheerio = require('cheerio'),
  request = require('request');
  
  function requestP(url) {
  return when.promise(function (resolve, reject) {
  request(url, function (err, res, body) {
  if (err) {
  return reject(err);
  } else if (res.statusCode !== 200) {
  err = new Error("Unexpected status code: " + res.statusCode);
  err.res = res;
  return reject(err);
  }
  resolve(body);
  });
  });
  }
  
  requestP('https://news.ycombinator.com')
  .then(function (html) {
  var $ = cheerio.load(html);
  
  return $('span.comhead').map(function (i, element) {
  return $(element).prev();
  });
  })
  .then(function (articles) {
  console.log(articles);
  })
  .catch(console.error);

  Szoktam még egyébként betenni plusz egy modult mindenhova, az underscore-t, amivel a tömb és objektumműveletek igencsak leegyszerűsíthetőek. A példádban például kezelhetőbbé teheti az eredményeket, ha a cheerio map, vagy az eredeti megoldásod helyett csak a számodra hasznos információt gyűjtöd ki a listába.

  Ennyi változtatással:

  var _ = require('underscore');

  ...

  requestP('https://news.ycombinator.com')
  .then(function (html) {
  var $ = cheerio.load(html);

  return _.map($('span.comhead'), function (element) {
  var link = $(element).prev();
  return { title: link.text(), url: link.attr('href') };
  });
  })
  .then(function (articles) {
  console.log(articles);
  })
  .catch(console.error);

  A kimenet sokkal barátságosabb:

  [ { title: 'Greed and the Wright Brothers',
  url: 'http://www.nytimes.com/2014/04/19/opinion/nocera-greed-and-the-wright-brothers.html' },
  { title: 'Reactive UIs with React and Bacon',
  url: 'http://joshbassett.info/2014/reactive-uis-with-react-and-bacon/' },
  { title: 'HMRC \'plans to share tax data with private firms\'',
  url: 'http://www.bbc.co.uk/news/uk-27086401' }, ...]

Új hozzászólás Aktív témák