Steg 2: Anslut GitHub Trending-källan

Hämta HTML-innehållet från GitHubs trendsida.

1. Lägg till noden Fetch Trending Page.
2. Ställ in URL på https://github.com/trending.
3. Koppla Fetch Trending Page till Pull Container HTML.

Steg 3: Konfigurera HTML-parsning och uppdelning

Extrahera containern och dela sedan upp och parsa varje repository-block.

1. I Pull Container HTML ställer ni in Operation på extractHtmlContent och lägger till ett extraktionsvärde med Key box, CSS Selector div.Box och Return Value html.
2. I Retrieve Repo Blocks ställer ni in Operation på extractHtmlContent och Data Property Name på box.
3. I Retrieve Repo Blocks lägger ni till extraktionsvärden med Key repositories, CSS Selector article.Box-row, med Return Array aktiverat och Return Value html. Aktivera även Trim Values och Clean Up Text under Options.
4. Koppla Pull Container HTML till Retrieve Repo Blocks och koppla sedan Retrieve Repo Blocks till Split Repo Items.
5. I Split Repo Items ställer ni in Field To Split Out på repositories.
6. Koppla Split Repo Items till Parse Repo Details.
7. I Parse Repo Details ställer ni in Operation på extractHtmlContent och Data Property Name på repositories.
8. Lägg till extraktionsvärden i Parse Repo Details: Key repository med CSS Selector a.Link, Key language med CSS Selector span.d-inline-block och Key description med CSS Selector p.

Steg 4: Konfigurera utdatafält

Omvandla parsad data till rena, strukturerade fält.

1. Lägg till noden Assign Output Fields och koppla den efter Parse Repo Details.
2. I Assign Output Fields behåller ni Include Other Fields inställt på =.
3. Lägg till ett strängfält author med värdet ={{ $json.repository.split('/')[0].trim() }}.
4. Lägg till ett strängfält title med värdet ={{ $json.repository.split('/')[1].trim() }}.
5. Lägg till ett strängfält repository med värdet ={{ $json.repository }}.
6. Lägg till ett strängfält url med värdet =https://github.com/{{ $json.repository.replaceAll(' ','') }}.
7. Lägg till ett strängfält created_at med värdet ={{$now}}.
8. Lägg till ett strängfält description med värdet ={{ $json.description }}.

Steg 5: Testa och aktivera ert arbetsflöde

Kör ett manuellt test för att bekräfta att scrapern returnerar ren repository-data.

1. Klicka på Execute Workflow och trigga från Manual Launch Trigger.
2. Verifiera att Assign Output Fields output:ar objekt med author, title, repository, url, created_at och description.
3. Om utdata är tomt, kontrollera selektorerna igen i Pull Container HTML, Retrieve Repo Blocks och Parse Repo Details.
4. När ni är nöjda, växla arbetsflödet till Active för användning i produktion.