Jak korzystać z WordPressa jako zaplecza: Zasoby do rozpoczęcia korzystania z interfejsu API REST

Interfejs API REST WordPress istnieje już od jakiegoś czasu, ale zrozumienie, co to jest i dlaczego ma znaczenie, może nie być od razu jasne dla nowicjuszy i osób niebędących programistami. Mimo to to narzędzie jest przydatne dla użytkowników wszystkich pasków, ponieważ umożliwia korzystanie ze znanego interfejsu WordPressa wyłącznie jako zaplecza i rozwijanie interfejsu za pomocą innych narzędzi i języków.

Ten post będzie wprowadzeniem do tego, czym jest WordPress REST API i do czego jest zdolny. Podzielimy się również kilkoma krokami, które pomogą Ci rozpocząć korzystanie z WordPressa jako zaplecza dla aplikacji lub strony internetowej.

Weźmy się za to!

Wprowadzenie do WordPress REST API

Istnieje wiele artykułów, które wyjaśniają, czym jest WordPress REST API – omówiliśmy to już wcześniej – więc zachowamy to krótkie, aby uniknąć powtarzania się. Mówiąc najprościej, interfejs programowania aplikacji (API) umożliwia połączenia między różnymi urządzeniami, aplikacjami i danymi.

Pomocną analogią jest myślenie o interfejsie API jako kelnerze dostarczającym prośby i odpowiedzi między gośćmi a kuchnią. W tym przykładzie jesteś restauracją, aplikacją lub bazą danych, z którą próbujesz się komunikować, jest kuchnia, a „posiłek” to dane, o które prosisz.

Representational State Transfer (REST) ​​to „styl architektoniczny” lub typ interfejsu API. Został zaprojektowany tak, aby był lekki i wymaga minimalnej przepustowości, gdy jest używany. Korzystając z REST API, możesz tworzyć cztery podstawowe typy żądań:

• POBIERZ : pobiera dane z urządzenia, aplikacji lub bazy danych, z którą się komunikujesz.
• POST : dodaje dane do urządzenia, aplikacji lub bazy danych, z którą się komunikujesz.
• PUT : aktualizuje już istniejące dane na urządzeniu, aplikacji lub bazie danych, z którą się komunikujesz.
• USUŃ : usuwa dane z urządzenia, aplikacji lub bazy danych, z którą się komunikujesz.

Interfejs API REST WordPressa używa do zwracania danych JavaScript Object Notation (JSON). Tak więc, gdy połączysz to wszystko razem, otrzymasz lekką metodę komunikowania żądań GET , POST , PUT i DELETE między witrynami WordPress i innymi platformami za pomocą JSON.

Zrozumienie, co potrafi WordPress REST API

Może się wydawać, że WordPress REST API nie jest dla Ciebie aż tak przydatny, szczególnie jeśli nie jesteś programistą. Jest jednak wiele rzeczy, które API może zrobić, które nawet średniozaawansowani użytkownicy WordPressa mogą chcieć wypróbować, na przykład:

• Synchronizuję zawartość. Możesz użyć interfejsu API REST, aby umożliwić komunikację między różnymi witrynami WordPress. Na przykład możesz przetestować przeprojektowanie witryny, synchronizując zawartość między bieżącą witryną a przeprojektowaną wersją.
• Syndykowanie treści. W podobny sposób możesz również łączyć treści z kilku różnych stron internetowych. Załóż firmę z wieloma lokalizacjami, z których każda ma własną witrynę — możesz dystrybuować treści ze wszystkich trzech na inną, kompleksową witrynę.
• Konfigurowanie arkusza Google danych WordPress. Korzystając z interfejsu API REST, możesz połączyć swoją witrynę WordPress i Arkusze Google. Pomoże Ci to uporządkować swoje posty w arkuszu kalkulacyjnym, aby być na bieżąco z aktualizacjami treści.
• Tworzenie aplikacji mobilnych. Łącząc swoją witrynę WordPress z niestandardowym interfejsem aplikacji, możesz utworzyć aplikację mobilną, która będzie uzupełnieniem witryny na komputery. Jest to przydatne w sytuacjach, takich jak tworzenie wersji aplikacji sklepu WooCommerce.
• Korzystanie z „bezgłowego” WordPressa. Jeśli opcje wyświetlania frontonu dla WordPressa nie robią tego za Ciebie, interfejs API REST umożliwia korzystanie z WordPressa do tworzenia całej zawartości i zarządzania nią podczas udostępniania zawartości użytkownikom w niestandardowej witrynie lub interfejsie aplikacji sieci Web. Jest to znane jako „bezgłowy” WordPress.

Szybkie wyszukiwanie w Google pozwoli znaleźć wiele innych sposobów wykorzystania WordPress REST API. Jednak w pozostałej części tego postu skupimy się na używaniu WordPressa jako zaplecza dla aplikacji lub strony internetowej.

Jak korzystać z WordPressa jako zaplecza (w 3 krokach)

Istnieje wiele sposobów wykorzystania WordPressa jako zaplecza. W związku z tym ten post jest bardziej ogólnym wprowadzeniem do korzystania z interfejsu API REST WordPress, a nie kompletnym przewodnikiem po tworzeniu aplikacji lub oddzielonej witryny.

Chociaż poniższe kroki są uproszczone, aby ułatwić Ci rozpoczęcie pracy, oznacza to, że prawdopodobnie będziesz musiał zapoznać się z dodatkowymi wskazówkami dotyczącymi Twojego projektu. Jednak znajomość tych podstaw ułatwi ten proces.

Krok 1: Załaduj zawartość do WordPressa i przetestuj REST API

Pierwszy krok do korzystania z WordPressa jako zaplecza jest bardzo podobny do uruchomienia witryny WordPress. Będziesz potrzebować instalacji WordPress załadowanej całą zawartością, którą chcesz umieścić w swojej witrynie lub aplikacji. Może to być aktywna instalacja lub nowa, którą skonfigurowałeś dla swojego projektu.

Będziesz także musiał popracować nad tworzeniem postów i stron, dodawaniem plików multimedialnych i wszystkim innym, czego Twój projekt wymaga pod względem treści. Zasadniczo wszystko, co chcesz mieć w swojej witrynie lub aplikacji, musisz umieścić w WordPressie, ponieważ będzie to miejsce, w którym będziesz zarządzać treścią.

Po skonfigurowaniu wszystkiego prawdopodobnie zechcesz przeprowadzić test, aby zobaczyć, jak działa WordPress REST API. Na szczęście możesz to zrobić bezpośrednio w swojej przeglądarce. Po prostu wpisz swoją domenę, a następnie wp-json/wp/v2/posts:

Powinieneś zobaczyć coś podobnego do powyższego obrazu, chociaż ilość wyświetlanego JSON będzie się różnić w zależności od zapełnienia witryny. Pomyślnie użyłeś interfejsu API REST WordPress do zwrócenia danych dla wszystkich swoich postów. Podręcznik interfejsu API REST zawiera informacje, jak to zrobić, a także inne informacje.

Podsumowując ten krok:

1. Najpierw skonfigurujemy instalację WordPressa, która będzie służyła jako zaplecze dla naszej aplikacji/strony internetowej.
2. Stworzyliśmy treści, które chcemy wyświetlać na interfejsie naszego projektu w ramach WordPressa jako posty, strony itp.
3. Aby zobaczyć, jak działa REST API, zwróciliśmy JSON dla wszystkich naszych postów w przeglądarce.

Gdy poczujesz, że wiesz, jak wszystkie te elementy współpracują ze sobą, możesz przejść od zaplecza witryny, aby rozpocząć pracę nad interfejsem.

Krok 2: Skonfiguruj interfejs aplikacji lub witryny za pomocą React

Teraz, gdy masz już rozeznane aspekty „za kulisami”, musisz popracować nad tą częścią aplikacji lub witryny, którą faktycznie zobaczą użytkownicy. Popularną drogą do osiągnięcia tego dla użytkowników WordPressa jest React:

Dla niewtajemniczonych React jest (jak mówi slogan na powyższym obrazku) biblioteką JavaScript do budowania interfejsów użytkownika. Umożliwia tworzenie elementów zwanych „komponentami”, które stają się elementami tworzącymi front-end Twojej aplikacji lub strony internetowej. Może to obejmować posty, przyciski, obrazy lub dowolną liczbę innych funkcji i funkcji.

Istnieje również wiele innych platform, które warto rozważyć przy tworzeniu projektu, więc rozejrzyj się przed zatwierdzeniem. Pełne tajniki korzystania z Reacta (lub podobnego) wykraczają poza zakres tego artykułu. Jednak po ustaleniu metody tworzenia interfejsu użytkownika zadbaj o dowolną konfigurację, aby móc rozpocząć budowanie komponentów.

Krok 3: Połącz swój backend WordPress z interfejsem

Do tej pory powinieneś mieć swój backend WordPress i swój interfejs React (lub inny). Teraz wystarczy, że porozmawiają ze sobą, aby dane z WordPressa renderowały się w Twojej aplikacji lub witrynie. Tutaj wkracza WordPress REST API.

Ponieważ już przetestowałeś interfejs API i zauważyłeś, że może on zwracać dane dotyczące Twoich postów i innych treści, wiesz, że działa i jest gotowy do pracy. Następnie musisz utworzyć komponenty, które używają interfejsu API REST do pobierania postów z WordPressa i wyświetlania ich w interfejsie użytkownika.

Jeśli masz minimalne doświadczenie w kodowaniu, tutaj sprawy będą dość trudne. Jeśli chcesz szybko uruchomić swoją aplikację lub witrynę, prawdopodobnie lepiej zatrudnić programistę, który to za Ciebie skonfiguruje. Jeśli jednak chcesz poświęcić trochę czasu, możesz zacząć powoli pracować nad komponentami i uczyć się w miarę postępów.

W przeszłości pisaliśmy o tym, jak utworzyć komponent React do pobierania wszystkich postów WordPress i wyświetlania ich w aplikacji. Możesz użyć tego posta jako ćwiczenia na początek lub zapoznać się z kursami szkoleniowymi online.

Po użyciu interfejsu API REST WordPress do umieszczenia całej zawartości w interfejsie użytkownika, możesz zacząć tworzyć więcej (i coraz bardziej złożonych) komponentów, a następnie pracować nad dalszym dostosowywaniem interfejsu witryny — wszystko to przy użyciu WordPressa do kontynuować tworzenie treści i zarządzanie nią.

Wniosek

Jeśli chodzi o WordPress REST API, z pewnością trzeba się nauczyć, zwłaszcza jeśli masz minimalną wiedzę na temat kodowania. Jednak gdy już to opanujesz, ta funkcja może pomóc Ci rozwinąć podstawowe podstawy korzystania z WordPressa jako zaplecza dla własnej aplikacji lub niestandardowej witryny.

W tym poście przedstawiono kilka podstawowych, uproszczonych kroków dotyczących korzystania z WordPressa jako zaplecza. Podsumujmy je szybko:

1. Załaduj zawartość do WordPressa i przetestuj REST API.
2. Skonfiguruj interfejs aplikacji lub witryny internetowej za pomocą Reacta.
3. Połącz backend WordPressa z frontendem React.

Masz pytania dotyczące REST API lub korzystania z WordPressa jako zaplecza? Zapytaj ich w sekcji komentarzy poniżej!

Artykuł Miniatura Obraz Jesus Sanz / shutterstock.com