Många gånger kommer vi igenom en situation där vi behöver ansluta tredje parts API:er till vår WordPress-webbplats och vi behöver visa data från API:t på vår WordPress-webbplats. WordPress out of the box tillhandahåller inte en funktion för att ansluta till externa API:er och visa data på frontend dynamiskt. Men vänta, vi har en lösning för att lösa ditt problem.

Anpassat API för WordPress underlättar uppgiften att visa svar från API på WordPress-webbplatsen i realtid genom att hämta data från extern API och visa direkt på WordPress-webbplatsen utan att lagra den i din WordPress-databas. Den levereras med en grundlig installationsguide och ett lättanvänt användargränssnitt.

Vi kommer att se hur data från ett externt API kan visas WordPress Frontend med hjälp av kortkoder med hjälp av vårt CUSTOM API för WORDPRESS Plugin. Data plockas från en extern tredjepartsserver och visas i ett HTML-tabellelement med hjälp av kortkoder dynamiskt. Utan att slösa tid, låt oss dyka direkt in i användningsfallet:

Anta att du har en WordPress-webbplats och du får data från ett externt API som du måste visa på WordPress-gränssnittet. Du kan använda CUSTOM API för WORDPRESS plugin eftersom det ger en funktion för att VISA DATA PÅ WORDPRESS FRONTEND med vår kortkod.

Vi tillhandahåller också funktioner för att lägga till anpassad HTML, CSS och JavaScript för att utforma inkommande data enligt din webbplatsstil och ditt val.

Anpassat API för WordPress

Av miniOrange

Anpassat API för WordPress plugin låter dig skapa WordPress API:er / anpassade slutpunkter / REST API:er. Du kan hämta / ändra / skapa / ta bort data med ett lättanvänt grafiskt gränssnitt.

Lär dig mer

Låt oss ta en titt på hur du kan använda miniOrange Custom API för WordPress för att visa inkommande data på ditt WordPress-gränssnitt.

Kundfråga:

Hur kan jag göra data jag tar emot till frontend, och är det möjligt att köra API-anropet varje gång en användare laddar sidan som data visas.

Anpassat API för WordPress

By miniOrange

(11)

 Testad med 5.9.2

Skaffa detta plugin

Ladda ner och installation

• Du kommer att kräva Enterprise-versionen av Custom API för WordPress-plugin.
• Du behöver ett konto hos miniOrange.
• Du kommer även behöva logga in på WordPress som administratör.

• Logga in på WordPress som administratör.
• Ladda upp och aktivera Enterprise-versionen av Custom API för WordPress. Du kommer att se följande instrumentpanel för plugin.

• Gå till Anslut till externt API flik. Fyll i de nödvändiga API-uppgifterna och klicka på Save knapp. Detta kommer att spara det konfigurerade externa API:et och du kan testa anslutningen genom att klicka på Utförande knapp.

• Om anslutningen lyckas bör du se popup-fönstret som innehåller svarstabellen som visar ditt API-svar. (Se till att dina webbläsares popup-fönster är aktiverade).

• För att visa data på WordPress-gränssnittet, stäng popup-fönstret och gå till Sparade externa API:er fliken och klicka på Redigera knapp.

• Klicka på Förinställning knapp.

• Du kommer att se följande skärm där du kan skriva din egen HTML och CSS och JavaScript.

• Referensnyckel betyder var finns data inuti API-svaret som vi kan se från steg 5 (kolla skärmdump av steg 5). Vi behöver bara byta ut "." med "->". Bifoga även variablerna i ## som du kan se i steg 8. Välj loopas alternativet om data upprepas eller välj annars Fast om data inte är repetitiva.
• När du har slutfört detta steg kan du spara konfigurationen och gå till valfri sida och sätta kortkoden enligt följande: [mo_custom_api_shortcode api="test"] var testa är namnet på Configured API. Du måste ändra API-namnet enligt vad du har konfigurerat i plugin-programmet
• Om allt är gjort korrekt kan du besöka sidan och se resultatet. Nedan är utgången för vår testa API.

Grattis! Du har framgångsrikt konfigurerat Custom API för WordPress för att ansluta till External API och visa data på WordPress-gränssnittet.