Yahoo! Pipes : xPath
Erwan Tanguy
La page pour l’exemple
Sur la page de la bibliothèque de
Rennes Métropole (
http://www.bibliotheque-
rennesmetropole.fr/),...
Mise en place du xPath
Dans le module xPath, nous
allons viser des éléments précis,
le bloc agenda de la page. Il est
néce...
Création du flux
En déroulant dans le debugger
de Yahoo! Pipes, nous allons
pouvoir retrouver le chemin
exact de chaque él...
Un flux créé, et ?
Voilà, après quelques
manipulations, un flux sur
l’agenda de la bibliothèque prêt à
l’emploi.
Nous pouv...
Capturer un texte descriptif
Dans ce Pipe, nous copions
l’URL d’un des résultats du
premier pour l’utiliser comme
base.
Le...
Copier le xPath d’un élément
Pour copier le xPath précis d’un
élément, il faut utiliser une
extension de Firefox qui s’app...
Insérer un Pipe dans un autre
Il ne reste plus qu’à relier le
module « Create RSS » a un loop
dans lequel on glisse le Pip...
Le Pipe est accessible à
cette adresse :
http://goo.gl/qEukL5
Prochain SlideShare
Chargement dans…5
×

Créer des flux RSS avec Yahoo! Pipes et son module xPath

4 734 vues

Publié le

à partir d'un exemple concret, je vous montre la démarche à suivre pour créer un flux d'une page qui n'en possède pas

Publié dans : Développement personnel
1 commentaire
2 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
4 734
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 971
Actions
Partages
0
Téléchargements
32
Commentaires
1
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Créer des flux RSS avec Yahoo! Pipes et son module xPath

  1. 1. Yahoo! Pipes : xPath Erwan Tanguy
  2. 2. La page pour l’exemple Sur la page de la bibliothèque de Rennes Métropole ( http://www.bibliotheque- rennesmetropole.fr/), nous allons créer un flux RSS à partir du bloc Agenda. Ce sera un petit flux mais, comme il est actif, il pourrait déjà alimenter un compte Twitter régulièrement.
  3. 3. Mise en place du xPath Dans le module xPath, nous allons viser des éléments précis, le bloc agenda de la page. Il est nécessaire de connaître un minimum le html. Ce bloc est une div qui a pour identifiant « actuList » et qui proposer ensuite une liste sous forme de li. Nous allons traduire en xPath : //div[@id="actuList"] /ul /li
  4. 4. Création du flux En déroulant dans le debugger de Yahoo! Pipes, nous allons pouvoir retrouver le chemin exact de chaque élément du contenu et le placer dans le module Create RSS. Pour le titre : div.div.1.p Le lien : div.a.href L’image : div.div.0.img.src
  5. 5. Un flux créé, et ? Voilà, après quelques manipulations, un flux sur l’agenda de la bibliothèque prêt à l’emploi. Nous pouvons nous arrêter là. Il faudrait cependant ajouter un descriptif, pour que ce flux soit un peu plus attrayant. Pour cela nous allons créer un Pipe sur une des pages puis nous l’insérerons dans le premier Pipe.
  6. 6. Capturer un texte descriptif Dans ce Pipe, nous copions l’URL d’un des résultats du premier pour l’utiliser comme base. Le module URL Input va nous servir pour le lier au premier Pipe. Nous copions le xPath du premier paragraphe et le collons dans le module puis cochons « Emit items as string » pour ne garder du contenu que ce texte précisément.
  7. 7. Copier le xPath d’un élément Pour copier le xPath précis d’un élément, il faut utiliser une extension de Firefox qui s’appelle Firebug. Une fois trouvé dans le code les éléments souhaité, il suffit de faire un clic droit de la souris pour obtenir le xPath. Didacticiel pour Firebug : http://fr.openclassrooms.com/ informatique/cours/firebug-une- merveille-de-plus-pour-firefox
  8. 8. Insérer un Pipe dans un autre Il ne reste plus qu’à relier le module « Create RSS » a un loop dans lequel on glisse le Pipe qui se trouve dans le menu à gauche, dans la section « My Pipe ». Nous définissons ensuite quel élément nous allons transmettre à ce Pipe. Nous voulons récupérer un texte à partir d’une page. Cette page est indiquée par l’URL que nous avons (item.link). Le résultat, quant à lui, devra apparaître dans item.description.
  9. 9. Le Pipe est accessible à cette adresse : http://goo.gl/qEukL5

×