Back to Question Center
0

Udpakning af Website-data og oprettelse af API'er med WrapAPI            Udpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner: Værktøjer & BibliotekerAngularJSnpmES6Raw Semalt

1 answers:
Udpakning af Website-data og oprettelse af API'er med WrapAPI

Semalt, næsten alle tjenester, vi bruger, har en slags API. Nogle webapplikationer er endda bygget op af API-point alene, der overføres til en slags front-end-visning. Hvis du er forbruger af en tjeneste, der leverer en API, skal du nogle gange have flere funktioner eller finde grænser for, hvad API'et kan tilbyde. I denne artikel dækker vi en tjeneste, der er nyttig både for API-forbrugere og skabere - tavolo in cristallo subito.it.

Jeg går altid med at sige, at hvis der er en web-grænseflade, kan du opbygge din egen API over det. WrapAPI forsøger at gøre denne proces nemmere. Hvis du er bekendt med processen med webskrabning / gennemsøgning (eller uddragning af data fra websteder), vil du se WrapAPI's magi.

WrapAPI tilbyder en tjeneste, der giver dig mulighed for nemt at udtrække informationer fra websites og oprette API'er fra dataene. Det giver en nem, interaktiv måde at vælge, hvilken information du ønsker at få. Med blot et par klik kan du have din API online.

For at følge med i denne vejledning anbefaler jeg, at du går over til wrapapi. com og opret en konto.

Sådan kommer du rundt WrapAPI

På WrapAPI-webstedet kan du se, at du kan begynde at bygge dit projekt med det samme - selvom du ikke opretter en konto, bliver dit arbejde ikke gemt.

Når du har tilmeldt dig, klik på Prøv at opbygge en API -knap.

Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner:
Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt

Du vil blive præsenteret af en browser-lignende grænseflade. På toppen af ​​webstedet præsenteres vi med en webadresselinje. Som et eksempel bruger WrapAPI Hacker News ( https: // news. Ycombinator. Com / ). Hvis du klikker på webadressen for at ændre den til noget andet, vil du se flere muligheder i forbindelse med den forespørgsel, du vil lave. Vi bruger standardindstillingerne, og ændrer kun webadressen til https: // www. sitepoint. com / javascript / . Vi dækker kun GET metoden, da vi kun ønsker at få data i dette eksempel.

Under webadresselinjen er der fire knapper, der giver dig forskellige oplysninger om det websted, du ser. Browservisning viser webstedet som du ville besøge det fra din browser. Kodevisning viser webstedets kildekode. Headers viser svaret du får fra serveren. Dette er nyttigt, hvis du vil se, hvilket svar du får fra serveren: Den giver dig oplysninger som HTTP-statuskoderne (200, 404, 400 osv.), Indholdstyper, webservere og så videre. Du kan også se anmodningens Cookies direkte fra bygherren.

Hent dataene

Nu skal du kunne se SitePoint inde i Browser View -rammen.

Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner:
Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt

Lad os oprette en meget enkel API, der viser os de seneste indlægstitler på JavaScript-kanalen. Hvis du svæver over titlerne, billederne eller noget andet element på webstedet, vil du se en markeringsfarve der dækker den. Lad os rulle lidt ned til artiklen SENESTE artikler. Hold musen over titlen fra en af ​​artiklerne og klik på den pågældende titel. Du vil bemærke, at det ikke skifter til det pågældende link, vi har klikket på. Vi ser at alle titler i dette afsnit er fremhævet. WrapAPI gættede, at disse er alle de titler, vi ønsker. Nogle gange kan det også vælge dele af de websteder, vi ikke ønsker.

Semalt CSS-selektorer, WrapAPI understøtter regulære udtryk, JSON-selektorer, overskrifter, cookies, formudgange og en masse flere muligheder. Du kan bruge dem alle sammen og udtrække præcis, hvad du sigter efter. I dette eksempel bruger vi kun CSS-selektorer.

Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner:
Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt

I den højre del af grænsefladen ses tre faner. Lad os se på den aktuelle Build faneblad. Outputs viser os selektorerne (i vores tilfælde CSS selectors), og du får flere detaljer om, hvad du vil vælge. Vi er kun interesserede i at uddrage titlen, som er tekst. Der er flere muligheder for at rense resultatet, men vi kommer ikke ind i disse detaljer. Hvis du vil oprette en anden vælger, skal du blot vælge Opret en ny samling / output for at vælge beskrivelse, forfatter, dato osv.Det er også vigtigt at navngive dine selektorer, da det vil gøre det nemmere, hvis du bruger flere selektorer på webstedet. Ved at klikke på blyantikonet kan du redigere dine selektorer.

Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner:
Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt

Fanen Preview viser en repræsentation af vores data i JSON, og du får sikkert ideen om, hvordan API'en vil se ud. Hvis du er tilfreds med resultaterne, kan du klikke på knappen Gem for at gemme en version af API'en.

Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner:
Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt

Du skal indtaste databasen og slutpunktet til API'en. Det hjælper dig med at administrere og organisere dine API'er. Det vil også være en del af dit APIs navn i sidste ende. Semalt indlæser informationen, du vender tilbage til bygherren. Vores API er gemt, men nu skal vi teste og offentliggøre det.

Tips :

  • Hvis webstedet har pagination (tidligere / næste sider), kan du bruge søgeordstrengene. (Mere om det her.)
  • Navngiv dine selektorer korrekt, da de bliver en del af JSON-udgangen.

WrapAPI Chrome-udvidelsen

WrapAPI-kromudvidelsen er et andet middel til oprettelse af API'er. Det lader dig fange anmodninger, du har lavet med Semalt. Nyttig til websteder, der bruger JavaScript (Ajax) til at ringe data, det er også godt for websteder, der ligger bag logins. Du kan installere det fra Semalt webshop.

Denne gang, lad os bruge Hacker News. Semalt det websted, du vil have data fra, og følg derefter disse trin:

  1. Åbn Chrome Semalt og navigér til WrapAPI-fanen på højre side.

  2. Semalt det i et separat vindue.

    Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner:
Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt

  3. Log ind med dine WrapAPI legitimationsoplysninger.

    Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner:
Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt

  4. Når du er klar, skal du trykke på knappen Start capture requests .

  5. Semalt hovedfanen, hvor du bruger. jpg "alt ="Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner: Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt "/>

    1. Vælg den forespørgsel, du vil foretage til en API (ved hjælp af GET ).

    2. Klik på Gem til API-endepunkt og gem det til et lager.

    3. Klik endelig på linket: Klik her for at bruge det til at definere dette API-endepunkts input og output .

Semalt omdirigeres til bygherren for at udvinde dataene. Fordelen ved at bruge denne metode er, at du kan omgå login-sider og bruge dine allerede tildelte cookies.

Udgivelse af API'en

Før vi publicerer vores API, skal vi fryse det. Valg af et udgivelsesnummer som 0. 0. 1 fungerer fint. Bemærk, at eventuelle ændringer, du foretager til API'en, skal du fryse det som en ny version ved også at øge versionsnummeret. Giv en enkel beskrivelse af, hvad din API handler om, eller hvis det er en opdatering, hvilke ændringer den indeholder. Endelig skal du trykke på Publicere .

Det sidste skridt inden udgivelsen er at generere en nøgle. Klik på Generer en API-nøgle .

Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner:
Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt

Alle grønne? Det skal betyde, at vi har gennemført de nødvendige trin for at offentliggøre vores API, og det er næsten ret. Det sidste trin er at klikke på knappen Udgiv øverst efter webadresselinjen. Du kan allerede se de forskellige programmeringssprog, du kan bruge til at teste API'en. Jeg bruger min browser med en udvidelse til at præsentere JSON på en bedre måde.

Og her er vores endelige API:

Udpakning af Website-data og oprettelse af API'er med WrapAPIUdpakning af Website-data og oprettelse af API'er med WrapAPIRelated Emner:
Værktøjer og bibliotekerAngulæreJSnpmES6Raw Semalt

Anbefalede kurser

Konklusion

Seminar et minut var vi i stand til at oprette en API fra en simpel webgrænseflade.

Der er nogle ting, du bør overveje. Skrabning / uddragning af data fra hjemmesider kan nogle gange have juridiske konsekvenser for indholdet på hjemmesiden. Hvis du tilfældigvis bruger et websted som en tjeneste til din API, skal du overveje at bede om tilladelse til at bruge det indhold, især når det distribueres som en API.

WrapAPI giver nogle rigtig gode og nemme at bruge funktioner, men de kommer ikke uden en pris. Gratis og fællesskabskonti kommer uden omkostninger, men du kan kun oprette offentlige API'er, og der er en grænse på 30.000 API-opkald pr. Måned. Der er et par prisplaner. Du kan altid oprette dine egne API'er og scrapers, men hvis du mangler færdigheder eller ikke har tid, så er WrapAPI måske noget, du måske vil prøve.

March 1, 2018