Come utilizzare WordPress come back-end: risorse per iniziare con l'API REST

L'API REST di WordPress è in circolazione da un po' di tempo ormai, ma capire di cosa si tratta e perché è importante potrebbe non essere immediatamente chiaro ai nuovi arrivati ​​e ai non sviluppatori. Anche così, questo strumento è utile da conoscere per gli utenti di tutte le fasce, in quanto consente di utilizzare l'interfaccia familiare di WordPress esclusivamente come back-end e sviluppare il front-end utilizzando altri strumenti e linguaggi.

Questo post fornirà un'introduzione a cos'è l'API REST di WordPress e di cosa è capace. Condivideremo anche alcuni passaggi per aiutarti a iniziare a utilizzare WordPress come back-end per un'app o un sito web.

Arriviamo ad esso!

Introduzione all'API REST di WordPress

Ci sono molti articoli che spiegano cos'è l'API REST di WordPress – l'abbiamo anche trattato in precedenza – quindi manterremo questo breve per evitare di ripeterci. In poche parole, un'interfaccia di programmazione delle applicazioni (API) è ciò che consente le connessioni tra vari dispositivi, applicazioni e dati.

Un'analogia utile è pensare a un'API come a un cameriere che consegna richieste e risposte tra i commensali e la cucina. In questo esempio, tu sei il commensale, l'applicazione o il database con cui stai cercando di comunicare è la cucina e il tuo "pasto" sono i dati che stai richiedendo.

Representational State Transfer (REST) ​​è uno "stile architettonico" o un tipo di API. È progettato per essere leggero e richiede una larghezza di banda minima quando viene utilizzato. Utilizzando un'API REST, puoi effettuare quattro tipi fondamentali di richieste:

• OTTIENI : Recupera i dati dal dispositivo, dall'applicazione o dal database con cui stai comunicando.
• POST : aggiunge dati al dispositivo, all'applicazione o al database con cui stai comunicando.
• PUT : Aggiorna i dati già esistenti sul dispositivo, applicazione o database con cui stai comunicando.
• DELETE : rimuove i dati dal dispositivo, dall'applicazione o dal database con cui stai comunicando.

L'API REST di WordPress utilizza JavaScript Object Notation (JSON) per restituire i dati. Quindi, quando metti insieme tutto questo, ottieni un metodo leggero per comunicare le richieste GET , POST , PUT e DELETE tra i siti Web WordPress e altre piattaforme attraverso l'uso di JSON.

Capire cosa può fare l'API REST di WordPress

Potrebbe sembrare che l'API REST di WordPress non ti sia molto utile, in particolare se non sei uno sviluppatore. Tuttavia, ci sono molte cose che l'API può fare che anche gli utenti di WordPress intermedi potrebbero voler provare, come:

• Sincronizzazione dei contenuti. Puoi utilizzare l'API REST per consentire a diversi siti WordPress di comunicare tra loro. Ad esempio, potresti testare la riprogettazione di un sito web sincronizzando i contenuti tra il tuo sito attuale e la versione riprogettata.
• Sindacare i contenuti. In una nota simile, puoi anche combinare contenuti da diversi siti Web diversi. Prendi un'azienda con più sedi, ciascuna con il proprio sito: puoi distribuire i contenuti di tutte e tre su un altro sito completo.
• Configurazione di un foglio Google di dati WordPress. Utilizzando l'API REST, puoi connettere il tuo sito WordPress e Fogli Google. Questo potrebbe aiutarti a organizzare i tuoi post in un foglio di calcolo per rimanere aggiornato sugli aggiornamenti dei contenuti.
• Creazione di app mobili. Collegando il tuo sito WordPress a un front-end di app personalizzato, puoi creare un'app mobile per completare il tuo sito desktop. Questo è utile per situazioni come la creazione di una versione dell'app di un negozio WooCommerce.
• Utilizzo di WordPress "senza testa". Se le opzioni di visualizzazione del front-end per WordPress non lo fanno per te, l'API REST ti consente di utilizzare WordPress per la creazione e la gestione di tutti i tuoi contenuti mentre offri i contenuti agli utenti su un sito Web personalizzato o un front-end di app Web. Questo è noto come WordPress "senza testa".

Una rapida ricerca su Google mostrerà numerosi altri modi in cui viene utilizzata l'API REST di WordPress. Tuttavia, per il resto di questo post, ci concentreremo sull'utilizzo di WordPress come back-end per un'app o un sito web.

Come utilizzare WordPress come back-end (in 3 passaggi)

Esistono molti modi per utilizzare WordPress come back-end. In quanto tale, questo post è più un'introduzione generale per farlo utilizzando l'API REST di WordPress, piuttosto che una guida completa alla creazione di un'app o di un sito Web disaccoppiato.

Sebbene i passaggi seguenti siano semplificati per aiutarti a iniziare, ciò significa che probabilmente dovrai ricercare ulteriori indicazioni specifiche per il tuo progetto. Tuttavia, conoscere queste basi contribuirà a rendere il processo più semplice.

Passaggio 1: caricare il contenuto in WordPress e testare l'API REST

Il primo passo per utilizzare WordPress come back-end è molto simile all'avvio di un sito Web WordPress. Avrai bisogno di un'installazione di WordPress caricata con tutto il contenuto che desideri sul tuo sito web o app. Potrebbe trattarsi di un'installazione attiva o di una nuova che hai impostato per il tuo progetto.

Dovrai anche lavorare sulla creazione di post e pagine, sull'aggiunta di file multimediali e su qualsiasi altra cosa il tuo progetto richieda in termini di contenuto. Fondamentalmente, devi ottenere tutto ciò che desideri avere sul tuo sito o app in WordPress, poiché sarà qui che gestirai i contenuti.

Una volta che hai impostato tutto, probabilmente vorrai eseguire un test per vedere come funziona l'API REST di WordPress. Fortunatamente, puoi farlo direttamente nel tuo browser. Digita semplicemente il tuo dominio seguito da wp-json/wp/v2/posts:

Dovresti vedere qualcosa di simile all'immagine sopra, anche se la quantità di JSON visualizzata differirà a seconda di quanto è popolato il sito. Ora hai utilizzato con successo l'API REST di WordPress per restituire i dati per tutti i tuoi post. Il manuale dell'API REST contiene informazioni su come eseguire questa operazione anche per altre informazioni.

Per ricapitolare questo passaggio:

1. Innanzitutto, impostiamo un'installazione di WordPress che funga da back-end per la nostra app/sito web.
2. Abbiamo creato il contenuto che vogliamo visualizzare sul frontend del nostro progetto all'interno di WordPress come post, pagine, ecc.
3. Per vedere l'API REST in azione, abbiamo restituito il JSON per tutti i nostri post all'interno del browser.

Una volta che ti senti come se avessi un controllo su come tutti questi pezzi stanno lavorando insieme, puoi passare dal back-end del tuo sito per iniziare a lavorare sul front-end.

Passaggio 2: configura la tua app o il front-end del sito Web utilizzando React

Ora che hai capito gli aspetti del "dietro le quinte", dovrai lavorare sulla parte della tua app o del tuo sito web che gli utenti potranno effettivamente vedere. Un percorso popolare per raggiungere questo obiettivo per gli utenti di WordPress è attraverso React:

Per chi non lo sapesse, React è (come recita lo slogan nell'immagine sopra) una libreria JavaScript per la creazione di interfacce utente. Ti consente di creare elementi chiamati "componenti", che diventano i pezzi che compongono il front-end della tua app o del tuo sito web. Ciò potrebbe includere post, pulsanti, immagini o un numero qualsiasi di altre caratteristiche e funzioni.

Ci sono anche molte altre piattaforme che potresti prendere in considerazione per costruire il tuo progetto, quindi guardati intorno prima di impegnarti. I dettagli completi dell'uso di React (o simili) esulano dallo scopo di questo articolo. Tuttavia, una volta che hai stabilito un metodo per creare il tuo front-end, prenditi cura di qualsiasi configurazione in modo da essere pronto per iniziare a costruire i componenti.

Passaggio 3: collega il back-end di WordPress al front-end

A questo punto, dovresti avere il tuo back-end WordPress e il tuo front-end React (o altro). Ora, devi solo farli parlare tra loro in modo che i dati di WordPress vengano visualizzati nella tua app o nel tuo sito web. È qui che entra in gioco l'API REST di WordPress.

Poiché hai già testato l'API e hai visto che può restituire dati per i tuoi post e altri contenuti, sai che funziona ed è pronto per l'uso. Successivamente dovrai creare componenti che utilizzino l'API REST per recuperare i post da WordPress e visualizzarli sul tuo front-end.

Se hai una minima esperienza di programmazione, è qui che le cose diventeranno piuttosto complicate. Se speri di lanciare rapidamente la tua app o il tuo sito web, probabilmente è meglio assumere uno sviluppatore per configurarlo per te. Tuttavia, se sei disposto a dedicare un po' di tempo, puoi iniziare a lavorare lentamente sui componenti e ad imparare man mano che procedi.

Abbiamo scritto su come creare un componente React per recuperare tutti i tuoi post di WordPress e visualizzarli in un'app in passato. Puoi usare questo post come esercizio per iniziare o dare un'occhiata ad alcuni corsi di formazione online.

Dopo aver utilizzato l'API REST di WordPress per portare tutti i tuoi contenuti sul tuo front-end, puoi iniziare a creare componenti più (e sempre più complessi), quindi lavorare sulla personalizzazione ulteriormente del front-end del tuo sito, il tutto mentre usi WordPress per continuare a creare e gestire i contenuti.

Conclusione

C'è sicuramente una curva di apprendimento quando si tratta dell'API REST di WordPress, specialmente se hai una conoscenza minima della programmazione. Tuttavia, una volta capito, questa funzione può aiutarti a espandere le tue basi di base per utilizzare WordPress come back-end per la tua app o il tuo sito Web personalizzato.

Questo post ha fornito alcuni passaggi di base e semplificati per l'utilizzo di WordPress come back-end. Ricapitoliamole velocemente:

1. Carica il contenuto in WordPress e testa l'API REST.
2. Configura il front-end della tua app o del tuo sito web usando React.
3. Collega il tuo back-end WordPress al tuo front-end React.

Hai domande sull'API REST o sull'utilizzo di WordPress come back-end? Chiedi loro nella sezione commenti qui sotto!

Immagine in miniatura dell'articolo Jesus Sanz / shutterstock.com