Back to Question Center
0

Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPI            Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated: Narzędzia i & BibliotekiAngularJSnpmES6Raw Semalt

1 answers:
Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPI

Semalt, prawie wszystkie usługi, z których korzystamy, mają pewien rodzaj API. Niektóre aplikacje internetowe są zbudowane nawet z samych punktów interfejsu API, przenosząc je do pewnego rodzaju widoku front-end. Jeśli jesteś konsumentem usługi oferującej interfejs API, czasami potrzebujesz więcej funkcji lub znajdziesz ograniczenia w zakresie oferowanych funkcji API. W tym artykule omówimy usługę przydatną zarówno dla użytkowników, jak i twórców interfejsu API.

Zawsze mówię o tym, że jeśli istnieje interfejs sieciowy, można zbudować na nim swój własny interfejs API. WrapAPI stara się ułatwić ten proces. Jeśli znasz proces skrobania / przeszukiwania sieci (lub pobierania danych ze stron internetowych), zobaczysz magię WrapAPI.

WrapAPI oferuje usługę, która umożliwia łatwe pobieranie informacji z witryn internetowych i tworzenie interfejsów API z danych. Zapewnia łatwy, interaktywny sposób wybierania informacji, które chcesz uzyskać. Za pomocą kilku kliknięć możesz mieć interfejs API online.

Aby śledzić ten samouczek, polecam udać się do wrapapi. com i załóż konto.

Jak obejść WrapAPI

Na stronie WrapAPI zobaczysz, że możesz zacząć budować swój projekt od razu - chociaż, jeśli nie utworzysz konta, twoja praca nie zostanie zapisana.

Po zapisaniu kliknij przycisk Spróbuj zbudować API .

Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated:
Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt

Zostaniesz przedstawiony przez interfejs podobny do przeglądarki. Na górze strony znajduje się pasek adresu URL. Jako przykład, WrapAPI używa Hacker News ( https: // news. Ycombinator. Com / ). Jeśli klikniesz adres URL, aby zmienić go na coś innego, zobaczysz więcej opcji związanych z żądaniem, które chcesz wprowadzić. Użyjemy domyślnych opcji i zmieniamy tylko adres URL na https: // www. sitepoint. com / javascript / . Obejmujemy tylko metodę GET , ponieważ chcemy tylko uzyskać dane w tym przykładzie.

Poniżej paska adresu znajdują się cztery przyciski, które podają różne informacje dotyczące strony, którą przeglądasz. Widok przeglądarki wyświetla witrynę tak, jakbyś odwiedzał ją w przeglądarce. Widok kodu wyświetla kod źródłowy witryny. Nagłówki pokazują odpowiedź otrzymaną z serwera. Jest to przydatne, jeśli chcesz zobaczyć, jaka odpowiedź uzyskasz z serwera: dostarcza informacji takich jak kody stanu HTTP (200, 404, 400 itd.), Typy zawartości, serwery WWW i tak dalej. Możesz również przeglądać pliki cookie żądania bezpośrednio od producenta.

Pobieranie danych

Do tej pory powinieneś móc zobaczyć SitePoint w ramce widoku przeglądarki .

Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated:
Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt

Stwórzmy bardzo prosty API, który pokazuje nam najnowsze tytuły postów w kanale JavaScript. Jeśli umieścisz wskaźnik myszy nad tytułami, obrazkami lub jakimkolwiek innym elementem na stronie, zauważysz kolor selekcji obejmujący go. Przewińmy nieco w dół do części artykułów NAJNOWSZE . Najedź kursorem na tytuł z jednego z artykułów i kliknij ten tytuł. Zauważysz, że nie przełącza się na ten konkretny link, który kliknęliśmy. Widzimy, że każdy tytuł w tej sekcji jest podświetlony. WrapAPI zgadło, że są to wszystkie tytuły, które chcemy. Czasami może również wybrać części stron, których nie chcemy.

selektory CSS Semali, WrapAPI obsługuje wyrażenia regularne, selektory JSON, nagłówki, pliki cookie, wyniki formularzy i kilka innych opcji. Możesz ich wszystkich użyć i wydobyć dokładnie to, na co masz ochotę. W tym przykładzie użyjemy tylko selektorów CSS.

Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated:
Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt

W prawej części interfejsu zobaczysz trzy zakładki. Rzućmy okiem na bieżącą kartę Build . Wyniki pokażą nam selektory (w naszym przypadku selektory CSS), a otrzymasz więcej szczegółów na temat tego, co chcesz wybrać. Interesuje nas tylko wyodrębnianie tytułu, którym jest tekst. Istnieje więcej opcji czyszczenia wyniku wyniku, ale nie będziemy się z nimi zapoznawać. Jeśli chcesz utworzyć kolejny selektor, aby wybrać opis, autora, datę itd., Kliknij przycisk Utwórz nową kolekcję / wyjście . Ważne jest również nadawanie nazwy selektorom, ponieważ ułatwi to korzystanie z wielu selektorów w witrynie. Klikając ikonę ołówka, możesz edytować selektory.

Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated:
Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt

Zakładka Preview pokaże nam nasze dane w JSON i prawdopodobnie zorientujesz się, jak będzie wyglądał interfejs API. Jeśli jesteś zadowolony z wyników, możesz kliknąć przycisk Zapisz , aby zapisać wersję interfejsu API.

Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated:
Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt

Musisz wprowadzić repozytorium i nazwę punktu końcowego interfejsu API. Pomaga w zarządzaniu i organizowaniu interfejsów API. To również będzie część nazwy twojego API. Semalt wprowadzając informacje, wrócisz do budowniczego. Nasz interfejs API jest zapisany, ale teraz musimy go przetestować i opublikować.

Wskazówki :

  • Jeśli strona ma paginację (poprzednie / następne strony), można użyć opcji ciągu zapytania. (Więcej o tym tutaj.)
  • Popraw poprawnie swoje selektory, ponieważ będą one częścią wyjścia JSON.

Rozszerzenie WrapAPI do Chrome

Rozszerzenie chrome WrapAPI to kolejny sposób tworzenia interfejsów API. Umożliwia przechwytywanie zgłoszeń dokonanych za pomocą Semalt. Przydatne w przypadku witryn, które używają JavaScript (Ajax) do wywoływania danych, jest to również przydatne w przypadku witryn, które są za loginami. Możesz zainstalować go ze sklepu internetowego Semalt.

Tym razem użyjmy Hacker News. Semalt witrynę, z której chcesz pobrać dane, a następnie wykonaj następujące kroki:

  1. Otwórz Chrome Semalt i przejdź do zakładki WrapAPI na bardzo prawej karcie.

  2. Umieść go w osobnym oknie.

    Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated:
Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt

  3. Zaloguj się za pomocą swoich danych uwierzytelniających WrapAPI.

    Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated:
Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt

  4. Kiedy będziesz gotowy, naciśnij przycisk Uruchom przechwytywanie żądań .

  5. Semalt - główna karta, której używasz. jpg "alt ="Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated: Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt "/>

    1. Wybierz żądanie, które chcesz wprowadzić w API (za pomocą GET ).

    2. Kliknij Zapisz do punktu końcowego API i zapisz go w repozytorium.

    3. Na koniec kliknij link: Kliknij tutaj, aby go użyć, aby zdefiniować te wejścia i wyjścia punktu końcowego interfejsu API .

Semalt należy przekierować do konstruktora, aby wyodrębnić dane. Zaletą korzystania z tej metody jest to, że można ominąć strony logowania i korzystać z już przypisanych plików cookie.

Publikowanie interfejsu API

Przed opublikowaniem naszego interfejsu API musimy go zamrozić. Wybór numeru wydania, takiego jak 0. 0. 1, działa dobrze. Zwróć uwagę, że wszelkie zmiany wprowadzone w interfejsie API będą musiały zostać zamrożone jako nowa wersja, zwiększając również numer wersji. Podaj prosty opis tego, o czym jest API, lub czy jest to aktualizacja, jakie zmiany zawiera. Na koniec naciśnij Opublikuj .

Ostatnim krokiem przed publikacją jest wygenerowanie klucza. Kliknij Wygeneruj klucz API .

Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated:
Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt

Wszystko zielone? to musi oznaczać, że udało nam się ukończyć kroki wymagane do opublikowania naszego API, i to prawie w porządku. Ostatnim krokiem jest kliknięcie przycisku Publikuj u góry po pasku adresu URL. Możesz już zobaczyć różne języki programowania, których możesz używać do testowania interfejsu API. Użyję przeglądarki z rozszerzeniem do lepszego zaprezentowania JSON.

A oto nasz ostateczny API:

Wyodrębnianie danych witryny i tworzenie interfejsów API za pomocą WrapAPIWyodrębnianie danych witryny i tworzenie interfejsów API za pomocą tematów związanych z WrapAPIRelated:
Narzędzia i bibliotekiAngularJSnpmES6Raw Semalt

Polecane kursy

Wniosek

Semalt minutę, udało nam się stworzyć interfejs API z prostego interfejsu WWW.

Jest kilka rzeczy, które powinieneś rozważyć. Zgarnianie / wyodrębnianie danych ze stron internetowych może czasami mieć implikacje prawne w odniesieniu do treści znalezionych na stronie internetowej. Jeśli używasz witryny jako usługi dla swojego interfejsu API, rozważ prośbę o pozwolenie na korzystanie z tej zawartości, zwłaszcza gdy rozpowszechniasz ją jako interfejs API.

WrapAPI dostarcza naprawdę świetnych i łatwych w użyciu funkcji, ale nie przychodzi bez ceny. Konta bezpłatne i społecznościowe są dostarczane bez żadnych kosztów, ale można tworzyć tylko publiczne interfejsy API i istnieje limit 30 000 połączeń API miesięcznie. Istnieje kilka planów cenowych. Zawsze możesz tworzyć własne interfejsy API i skrobaczki, ale jeśli brakuje ci umiejętności lub nie masz czasu, to może WrapAPI to coś, co możesz chcieć wypróbować.

March 1, 2018