Cum se folosește WordPress ca back-end: resurse pentru a începe cu API-ul REST

API-ul WordPress REST există de ceva vreme, dar înțelegerea a ceea ce este și de ce contează poate să nu fie imediat clară pentru noii veniți și non-dezvoltatori. Chiar și așa, acest instrument este un instrument la îndemână de știut pentru utilizatorii de toate dungile, deoarece vă permite să utilizați interfața WordPress familiară doar ca back-end și să dezvoltați front-end-ul folosind alte instrumente și limbaje.

Această postare va oferi o introducere a ceea ce este WordPress REST API și la ce este capabil. De asemenea, vă vom împărtăși câțiva pași pentru a vă ajuta să începeți să utilizați WordPress ca back-end pentru o aplicație sau un site web.

Să ajungem la asta!

O introducere în WordPress REST API

Există multe articole care explică ce este API-ul WordPress REST - chiar am tratat acest lucru anterior - așa că vom păstra acest scurt pentru a evita să ne repetăm. Pur și simplu, o interfață de programare a aplicațiilor (API) este cea care permite conexiunile între diferite dispozitive, aplicații și date.

O analogie utilă este să ne gândim la un API ca un chelner care transmite cereri și răspunsuri între mese și bucătărie. În acest exemplu, sunteți restaurantul, aplicația sau baza de date cu care încercați să comunicați este bucătăria, iar „masa” dvs. sunt datele pe care le solicitați.

Transferul de stat reprezentativ (REST) ​​este un „stil arhitectural” sau un tip de API. Este proiectat pentru a fi ușor și necesită lățime de bandă minimă atunci când este utilizat. Folosind un API REST, puteți face patru tipuri de bază de cereri:

• OBȚINE : recuperează date de pe dispozitivul, aplicația sau baza de date cu care comunicați.
• POST : adaugă date dispozitivului, aplicației sau bazei de date cu care comunicați.
• PUT : actualizează datele deja existente pe dispozitivul, aplicația sau baza de date cu care comunicați.
• ȘTERGERE : elimină datele de pe dispozitiv, aplicație sau baza de date cu care comunicați.

API-ul WordPress REST folosește JavaScript Object Notation (JSON) pentru a returna date. Deci, atunci când puneți toate acestea împreună, veți obține o metodă ușoară de comunicare a solicitărilor GET , POST , PUT și DELETE între site-urile WordPress și alte platforme prin utilizarea JSON.

Înțelegerea a ceea ce poate face WordPress REST API

Poate părea că API-ul WordPress REST nu vă este atât de util, mai ales dacă nu sunteți dezvoltator. Cu toate acestea, există multe lucruri pe care API le poate face, pe care chiar și utilizatorii intermediari de WordPress ar putea dori să încerce, cum ar fi:

• Sincronizarea conținutului. Puteți utiliza API-ul REST pentru a permite site-urilor WordPress diferite să comunice între ele. De exemplu, ați putea testa o reproiectare a site-ului web sincronizând conținutul între site-ul dvs. curent și versiunea reproiectată.
• Distribuirea conținutului. Într-o notă similară, puteți combina și conținut de pe mai multe site-uri web diferite. Luați o afacere cu mai multe locații, fiecare cu propriul site - puteți distribui conținut din toate cele trei pe un alt site cuprinzător.
• Configurarea unei foi de date Google WordPress. Folosind API-ul REST, vă puteți conecta site-ul WordPress și Foi de calcul Google. Acest lucru vă poate ajuta să vă organizați postările într-o foaie de calcul pentru a rămâne la curent cu actualizările de conținut.
• Crearea de aplicații mobile. Prin conectarea site-ului WordPress la o aplicație frontală personalizată, puteți crea o aplicație mobilă pentru a completa site-ul desktop. Acest lucru este la îndemână pentru situații precum crearea unei versiuni de aplicații a unui magazin WooCommerce.
• Folosind WordPress „fără cap”. Dacă opțiunile de afișare front-end pentru WordPress nu o fac pentru dvs., API-ul REST vă permite să utilizați WordPress pentru crearea și gestionarea conținutului în timp ce serviți conținutul utilizatorilor pe un site web personalizat sau o aplicație web front-end. Acest lucru este cunoscut sub numele de WordPress „fără cap”.

O căutare rapidă pe Google va arăta numeroase alte moduri în care este utilizat WordPress REST API. Cu toate acestea, pentru restul acestei postări, ne vom concentra pe utilizarea WordPress ca back-end pentru o aplicație sau un site web.

Cum se folosește WordPress ca back-end (în 3 pași)

Există multe modalități de a utiliza WordPress ca back-end. Ca atare, această postare este mai mult o introducere generală a utilizării API-ului WordPress REST, decât un ghid complet pentru construirea unei aplicații sau a unui site web decuplat.

Deși pașii de mai jos sunt simplificați pentru a vă ajuta să începeți, acest lucru înseamnă că va trebui probabil să căutați îndrumări suplimentare specifice proiectului dvs. Cu toate acestea, cunoașterea acestor elemente de bază va ajuta la facilitarea procesului.

Pasul 1: Încărcați conținut în WordPress și testați API-ul REST

Primul pas către utilizarea WordPress ca back-end este remarcabil de similar cu lansarea unui site web WordPress. Veți avea nevoie de o instalare WordPress încărcată cu tot conținutul pe care îl doriți pe site-ul sau aplicația dvs. Aceasta ar putea fi o instalare activă sau una nouă pe care ați configurat-o pentru proiectul dvs.

Va trebui, de asemenea, să lucrați la crearea de postări și pagini, adăugarea de fișiere media și orice altceva care necesită proiectul dvs. din punct de vedere al conținutului. Practic, trebuie să obțineți tot ce doriți să aveți pe site-ul sau aplicația dvs. în WordPress, deoarece acesta va fi locul în care gestionați conținutul.

Odată ce ați configurat totul, probabil că veți dori să efectuați un test pentru a vedea cum funcționează WordPress REST API. Din fericire, puteți face acest lucru chiar în browserul dvs. Pur și simplu introduceți domeniul dvs. urmat de wp-json / wp / v2 / posts:

Ar trebui să vedeți ceva de genul imaginii de mai sus, deși cantitatea de JSON afișată diferă în funcție de cât de populat este site-ul. Ați folosit cu succes API-ul WordPress REST pentru a returna datele pentru toate postările dvs. Manualul REST API conține informații despre cum se face acest lucru și pentru alte informații.

Pentru a recapitula acest pas:

1. În primul rând, am configurat o instalare WordPress pentru a servi drept back-end pentru aplicația / site-ul nostru.
2. Am creat conținutul pe care dorim să îl afișăm pe frontend-ul proiectului nostru în WordPress ca postări, pagini etc.
3. Pentru a vedea API-ul REST în acțiune, am returnat JSON pentru toate postările noastre din browser.

Odată ce simțiți că aveți un control asupra modului în care toate acele piese funcționează împreună, puteți trece de la capătul din spate al site-ului dvs. pentru a începe lucrul la capătul din față.

Pasul 2: configurați aplicația sau front-end-ul site-ului web utilizând React

Acum ai descoperit aspectele „din culise”, va trebui să lucrezi pe partea aplicației sau site-ului tău pe care utilizatorii o vor vedea de fapt. O cale populară pentru realizarea acestui lucru pentru utilizatorii de WordPress este prin React:

Pentru cei neiniționați, React este (așa cum se arată sloganul din imaginea de mai sus) o bibliotecă JavaScript pentru construirea interfețelor utilizator. Vă permite să creați elemente numite „componente”, care devin piesele care alcătuiesc partea frontală a aplicației sau a site-ului web. Aceasta poate include postări, butoane, imagini sau orice alte funcții și funcții.

Există, de asemenea, multe alte platforme pe care ați putea dori să le luați în considerare pentru a vă construi proiectul, așa că faceți o căutare înainte de a vă angaja. Prezentările complete ale utilizării React (sau similare) sunt dincolo de scopul acestui articol. Cu toate acestea, după ce v-ați stabilit o metodă de creare a front-end-ului dvs., aveți grijă de orice configurație, astfel încât să fiți gata să începeți să construiți componente.

Pasul 3: Conectați-vă backend-ul WordPress la front-end-ul dvs.

Până acum, ar trebui să aveți backend-ul WordPress și front-end-ul React (sau altul). Acum, trebuie doar să îi determinați să vorbească între ei, astfel încât datele de la WordPress să fie redate în aplicația sau site-ul dvs. web. Aici intervine WordPress REST API.

Întrucât ați testat deja API-ul și ați văzut că acesta poate returna date pentru postările dvs. și alte tipuri de conținut, știți că funcționează și este gata de utilizare. Apoi, va trebui să creați componente care folosesc API-ul REST pentru a prelua postări de pe WordPress și a le afișa pe front-end.

Dacă aveți o experiență minimă de codare, aici lucrurile vor deveni destul de complicate. Dacă sperați să lansați rapid aplicația sau site-ul web, probabil că este mai bine să angajați un dezvoltator pentru a vă configura. Cu toate acestea, dacă sunteți dispus să puneți ceva timp, puteți începe să lucrați încet la componente și să învățați pe măsură ce mergeți.

Am scris despre cum să creați o componentă React pentru a prelua toate postările dvs. WordPress și a le afișa într-o aplicație în trecut. Puteți utiliza această postare ca exercițiu pentru a începe sau puteți consulta câteva cursuri de formare online.

Odată ce ați folosit WordPress REST API pentru a vă transfera tot conținutul pe front-end, puteți începe să creați mai multe componente (și din ce în ce mai complexe), apoi să lucrați la personalizarea front-end-ului site-ului dvs. în continuare - totul în timp ce utilizați WordPress pentru continuați să creați și să gestionați conținut.

Concluzie

Cu siguranță există o curbă de învățare când vine vorba de WordPress REST API, mai ales dacă aveți cunoștințe minime de codare. Cu toate acestea, odată ce obțineți această caracteristică, această caracteristică vă poate ajuta să vă extindeți baza de bază pentru a utiliza WordPress ca back-end pentru propria aplicație sau site web personalizat.

Această postare a oferit câțiva pași simpli de bază pentru utilizarea WordPress ca back-end. Să le recapitulăm rapid:

1. Încărcați conținut în WordPress și testați API-ul REST.
2. Configurați aplicația sau front-end-ul site-ului web utilizând React.
3. Conectați-vă partea din spate WordPress la partea frontală React.

Aveți întrebări despre API-ul REST sau despre utilizarea WordPress ca back-end? Întrebați-i în secțiunea de comentarii de mai jos!

Articolul Miniatură Jesus Sanz / shutterstock.com