Aller au contenu
Traduction automatique — une version relue arrive bientôt.

Comment transformer une liste d'une page web en données structurées ?

7 minIntermédiaireMis à jour le 12 octobre 2026AWFlow 0.8.2

Réponse courte

Enchaînez When Started, Get HTML from Link pour télécharger la page à partir de son adresse, HTML Extract en mode list pour lire le titre et le lien de chaque élément, et Display Object pour afficher les données. La page n'a pas besoin d'être ouverte. Modifiez URL et Sélecteur de conteneur pour le pointer vers votre propre page, et ajoutez un champ par valeur voulue.

Sur cette page
  1. Avant de commencer
  2. Installer la recette
  3. Le lancer
  4. Récupérer la page
  5. Extraire les éléments
  6. Afficher les données
  7. Lancer et vérifier le résultat
  8. Problèmes courants

Avant de commencer

L'extension de navigateur AWFlow

Installer la recette

Installez la recette et ouvrez-la sur le canevas. Pour importer le fichier vous-même, utilisez Ajouter un flux de travail › Importer, choisissez le fichier .awf et cliquez sur Créer et ouvrir. Cliquez ensuite sur Le faire mien en bas du canevas, cochez la case et confirmez, pour pouvoir le modifier.

Le lancer

Nœud: When Started

When Started n'a aucun réglage. Cliquez sur Tester le workflow dans le canevas.

Le lancer dans l'éditeur AWFlowLe lancer dans l'éditeur AWFlow
Astuce · Lancez-le chaque matin avec un déclencheur Schedule.

Récupérer la page

Nœud: Get HTML from Link

Get HTML from Link télécharge https://news.ycombinator.com et place son HTML dans html. La page n'a pas besoin d'être ouverte.

Récupérer la page dans l'éditeur AWFlowRécupérer la page dans l'éditeur AWFlow
Astuce · Remplacez URL par la page voulue. Les pages qui exigent une connexion peuvent renvoyer une page de connexion à la place.

Extraire les éléments

Nœud: HTML Extract

HTML Extract en mode list trouve chaque .titleline et, dans chacun, lit le texte du lien comme title et son href comme link.

Extraire les éléments dans l'éditeur AWFlowExtraire les éléments dans l'éditeur AWFlow
Astuce · Réglez Sélecteur de conteneur sur un élément répété de votre page et ajoutez un champ par valeur voulue (prix, date, auteur).

Afficher les données

Nœud: Display Object

Display Object affiche les éléments sous forme d'arbre que vous pouvez déplier.

Afficher les données dans l'éditeur AWFlowAfficher les données dans l'éditeur AWFlow
Astuce · Enregistrez-les avec Google Sheets ou téléchargez-les avec Save as File.

Lancer et vérifier le résultat

Cliquez sur Tester le workflow. Ouvrez Show the data dans les résultats de l'exécution : vous voyez environ 30 éléments, chacun avec un title et un link issus de la page d'accueil de Hacker News.

Problèmes courants

La liste est vide

Le site génère sa liste avec JavaScript : le HTML récupéré ne contient donc aucun élément. Ouvrez la page et utilisez plutôt Get All HTML.

Les liens sont relatifs (/item?id=…)

Le site les écrit ainsi. Faites-les précéder de l'adresse du site dans une étape Edit Fields.

La récupération échoue dans l'application web

Certains sites bloquent les requêtes venant d'autres origines ; lancez-le dans l'extension. Consultez la compatibilité des navigateurs.

Ne collectez que ce dont vous avez besoin, gardez une fréquence d'exécution raisonnable et respectez les conditions d'utilisation de chaque site.

Academy

Apprenez-le vraiment : construisez-le de zéro.

De courtes leçons avec un quiz à la fin de chaque module.

Passez les étapes. Installez le modèle.