Aller au contenu
Agentic Workflowdocs
v0.8.2Installer gratuitement

démarrer

Votre premier workflow

Créez un workflow en deux étapes sur le canevas : lisez le texte sélectionné sur une page, remettez-le en forme et vérifiez la sortie de chaque étape.

Leçon 2 sur 5· 6 min · Niveau 1 Fonctionne sur l'appareil
Vous allez
  • Créer un workflow sur le canevas
  • Ajouter un déclencheur et deux étapes
  • L'exécuter et lire la sortie de chaque étape
Avant de commencer

Un workflow est une chaîne d’étapes, appelées nœuds. Un déclencheur le démarre, et chaque nœud transmet sa sortie au suivant. Vous allez créer le plus petit workflow utile : lire le texte sélectionné sur une page et le transformer en un petit rapport.

workflow · first-workflow.awf 3 étapes

My first workflow : un workflow de 3 étapes, qui commence par When Started et se termine par Edit Fields.

  1. When Started(Déclencheur — ouvrir sa page de documentation)
  2. Get Selected Text(Action dans la page — ouvrir sa page de documentation)
  3. Edit Fields(Données — ouvrir sa page de documentation)
Ouvrir dans AWFlow
Ce que vous allez créer : Au démarrage → Obtenir le texte sélectionné → Modifier les champs.

Étapes

Section intitulée « Étapes »

Étape 1 : Créer un workflow vide

Dans le panneau latéral d’AWFlow, ouvrez Workflows et cliquez sur Ajouter un flux de travail. Dans Créer un workflow, choisissez Blank canvas, puis Triggered. Nommez-le My first workflow et cliquez sur Créer et ouvrir.

Step 1, close-up of the app: Blank canvas, outlined.Step 1, close-up of the app: Blank canvas, outlined.Plein écran
Blank canvas
The Create a workflow dialog, step 1 of 3 (Source, Choose, Details): Start from a template (recommended) at the top, then Blank canvas, which is selected, From the marketplace and Import, with Cancel and Continue buttons.The Create a workflow dialog, step 1 of 3 (Source, Choose, Details): Start from a template (recommended) at the top, then Blank canvas, which is selected, From the marketplace and Import, with Cancel and Continue buttons.

Vérification : un canevas vide s'ouvre avec un bouton Ajouter un déclencheur.

Étape 2 : Ajouter un déclencheur

Cliquez sur Ajouter un déclencheur (dans un panneau étroit : Add trigger au milieu du canevas). Le panneau Déclencheur s’ouvre : saisissez when dans son champ de recherche et choisissez Au démarrage. Il démarre le workflow quand vous cliquez sur Tester le workflow.

Step 2, close-up of the app: When Started, outlined.Step 2, close-up of the app: When Started, outlined.Plein écran
When Started
A new, empty workflow named My first workflow. Add Trigger opened the Trigger panel on the right; “when” is typed in its search box and the only result is When Started, “Run the flow on clicking the start button”.A new, empty workflow named My first workflow. Add Trigger opened the Trigger panel on the right; “when” is typed in its search box and the only result is When Started, “Run the flow on clicking the start button”.

Vérification : un nœud Au démarrage est sur le canevas.

Étape 3 : Lire le texte sélectionné

Cliquez sur le + au bord droit de Au démarrage, cherchez Obtenir le texte sélectionné et choisissez-le. Double-cliquez dessus pour ouvrir ses paramètres, définissez Nom du champ de sortie sur text, puis fermez le panneau (× en haut à droite, ou Esc).

Step 3, close-up of the app: Output field name, set to text, outlined.Step 3, close-up of the app: Output field name, set to text, outlined.Plein écran
Output field name, set to text
The settings panel of Get Selected Text: Output field name is set to text. On the left, the Input and Output tabs; When Started is listed under Direct inputs with Run this step to see its data.The settings panel of Get Selected Text: Output field name is set to text. On the left, the Input and Output tabs; When Started is listed under Direct inputs with Run this step to see its data.

Vérification : Obtenir le texte sélectionné est relié à Au démarrage par une ligne.

Étape 4 : L'exécuter

Passez à votre autre onglet et sélectionnez (surlignez) une phrase. Revenez au panneau AWFlow et cliquez sur Tester le workflow en haut du canevas. Ouvrez ensuite Obtenir le texte sélectionné et regardez son onglet Output, sous Actual.

Step 4, close-up of the app: Test Workflow, outlined.Step 4, close-up of the app: Test Workflow, outlined.Plein écran
Test Workflow
The lesson’s workflow, My first workflow, on the canvas: a sticky note, then When Started, Get Selected Text and Edit Fields joined by lines. The header has the active switch and Save; Test Workflow is above the canvas on the right.The lesson’s workflow, My first workflow, on the canvas: a sticky note, then When Started, Get Selected Text and Edit Fields joined by lines. The header has the active switch and Save; Test Workflow is above the canvas on the right.

Vérification : Obtenir le texte sélectionné → Output → Actual affiche un champ text avec votre phrase.

Étape 5 : Le remettre en forme avec Modifier les champs

Cliquez sur le + à droite de Obtenir le texte sélectionné et ajoutez Modifier les champs. Sous Champs, ajoutez un champ nommé processed_text de type String, et collez ceci comme valeur :

Value
Text: {{ $input.text }}
Length: {{ $input.text.length }} characters

{{ $input.text }} lit le champ text de l’étape précédente. Fermez le panneau, sélectionnez de nouveau du texte, puis cliquez sur Tester le workflow.

Step 5, close-up of the app: The processed_text field and its value, outlined.Step 5, close-up of the app: The processed_text field and its value, outlined.Plein écran
The processed_text field and its value
The settings panel of Edit Fields: under Fields, a field named processed_text of type String whose value is “Text: {{ $input.text }}” and “Length: {{ $input.text.length }} characters”, with Drag input fields here or Add field below.The settings panel of Edit Fields: under Fields, a field named processed_text of type String whose value is “Text: {{ $input.text }}” and “Length: {{ $input.text.length }} characters”, with Drag input fields here or Add field below.

Vérification : Modifier les champs → Output → Actual affiche processed_text avec votre phrase et sa longueur.

Étape 6 : L'enregistrer

AWFlow n’enregistre pas automatiquement : cliquez sur Enregistrer dans l’en-tête du canevas, ou appuyez sur ⌘/Ctrl + S. Vous réutiliserez ce canevas dans la leçon suivante.

Step 6, close-up of the app: Save, outlined.Step 6, close-up of the app: Save, outlined.Plein écran
Save
The lesson’s workflow, My first workflow, on the canvas: a sticky note, then When Started, Get Selected Text and Edit Fields joined by lines. The header has the active switch and Save; Test Workflow is above the canvas on the right.The lesson’s workflow, My first workflow, on the canvas: a sticky note, then When Started, Get Selected Text and Edit Fields joined by lines. The header has the active switch and Save; Test Workflow is above the canvas on the right.

Vérification : l'en-tête indique Enregistré.

Ce que vous avez appris

Section intitulée « Ce que vous avez appris »
  • Chaque workflow a un déclencheur et un ou plusieurs nœuds, reliés par des lignes qui transportent les données.
  • L’onglet Output de chaque nœud montre ce qu’il a produit lors de la dernière exécution.
  • {{ $input.field }} lit un champ de l’étape précédente. Voir Expressions pour en savoir plus.

Les nœuds de cette leçon : Obtenir le texte sélectionné et Modifier les champs.

Demander à Aria