Značajka za značajkom, WordPress nastoji spustiti omotač blogovskog sustava na onaj sustava za razvoj aplikacija. Prvi uočljiv korak prema ovoj promjeni bio je uvod prilagođene vrste posta u svojoj 2.9 verziji.

Danas se transformacija nastavlja dolaskom WordPress REST API.

U ovom uputstvu objasnit ću što je WordPress REST API i pokazati vam kako ga koristiti.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati a WordPress blog u 7 koraka et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Vratimo se onda zašto smo ovdje

Što je REST API

Pojednostavljeno, shvatite da WordPress REST API omogućuje interakciju s jezgrom WordPressa bez prolaska kroz njegovo grafičko sučelje. To znači razdvajanje jezgre i GUI-ja. Pomoću ovog API-ja možete, na primjer, stvoriti novi članak, bez potrebe za pristupom kontrolna ploča. REST API bit će uključen u jezgru kad se verzija 4.4 izda do prosinca.

S obzirom na prirodu predmeta ovog vodiča, potrebno je dobro poznavanje PHP jezika i WordPressa.

Što nam treba za ovaj vodič

Da biste započeli s REST API-jem, trebat će vam dodatak REST API kao i najnovija verzija WordPressa. Imaš to ? Ako ne, zašto.  Poznavanje WordPress HTTP API-ja također će biti dobra tvrtka za upućivanje daljinskih poziva.

Otkrijte klikom na ovaj link Kako instalirati (dodati) dodatak na WordPress

Kao projekt this tutorial ćemo stvorit će lokalnu instalaciju WordPressa s kojeg ćemo putem REST API-ja dohvatiti članke s naše web stranice. Obavezno instalirajte i aktivirajte dodatak REST API na web mjestu za proizvodnju.

Sada, stvorite widget u vašoj lokalnoj instalaciji. Evo osnovnog koda:

/**
 * Plugin Name: REST API Widget Essai
 * Plugin URI: http://le-site-de-votre-widget-ici.com
 * Description: Ce widget récupère des articles à l'aide de l'API REST
 * Version: 1.0
 * Author: Votre nom
 * Author URI: http://votre-site.com
 */

class Mes_Articles_Widget extends WP_Widget {

    public function __construct() {
        $widget_details = array(
            'classname' => 'widget-essai-rest-api',
            'description' => 'Un widget qui récupère des articles à l'aide de l'API REST depuis un autre site'
        );

        parent::__construct( 'widget-essai-rest-api', 'REST API Widget Essai', $widget_details );

    }

    public function form( $instance ) {
        $title = ( !empty( $instance['title'] ) ) ? $instance['title'] : '';
        ?>

        <p>
            <label for="<?php echo $this->get_field_name( 'title' ); ?>">Title: </label>
            <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
        </p>

        <?php
    }
    public function widget( $args, $instance ) {
        echo $args['before_widget'];
        if( !empty( $instance['title'] ) ) {
            echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'], $instance, $this->id_base ) . $args['after_title'];
        }
        // le code fonctionnel du widget ici
        echo $args['after_widget'];
    }
}
add_action( 'widgets_init', function(){
     register_widget( 'Mes_Articles_Widget' );
});

U direktoriju dodataka vaše lokalne web stranice stvorite mapu pod nazivom Widget-Test-odmor-api. U toj mapi stvorite datoteku s imenom Widget-Test-odmor-api.php i zalijepite gornji kôd.

Otkrijte usput Kako upravljati i vratiti verziju WordPressa sa VersionPressom

Ovaj kôd sadrži zaglavlje dodatka (komentari na početku koda) što WordPressu daje do znanja da je dodatak. Slijedi minimalni kod za stvaranje widgeta, povećan za nekoliko redaka. 

Više ćemo naglaska staviti na funkciju dodatak (), jer je unutar toga izgrađen prikaz widgeta. Stoga ćemo unutar ove funkcije pozive obavljati pomoću HTTP API-ja.

Dohvaćanje članaka

Trebat će nam neke informacije kako bismo postavili upit za produkcijsko ili internetsko web mjesto. To će na neki način predstavljati pitanje postavljeno u jezgru WordPressa naše internetske stranice. To su osnovni API put, korištena ruta, upotrijebljeni završetak, zaglavlja i parametri.

Sublimirajte svoje ilustrativne slike otkrivanjem Kako stvoriti interaktivne slike na blogu WordPress

Osnovni WordPress REST API put je uvijek / Wp-json / wp / v2 /, Dakle, cijeli put će http://votre-domaine.com/wp-json/wp/v2/.

Put pri dohvaćanju predmeta je / postova, Ono što čini kompletnu rutu za članke jest http://votre-domaine.com/wp-json/wp/v2/posts.

Svaka ruta može imati niz završetaka, diferenciranih korištenom HTTP metodom. Tako ruta članka može biti / Postovi / 291. Ova cesta 3 nastavci:

GET : za preuzimanje članka
PUT : za ažuriranje članka
DELETE : za brisanje članka.

Koristeći HTTP API i GET završetak, preuzimanje članaka svodi se na jedan redak koda:

$response = wp_remote_get( 'http://mysite.com/wp-json/wp/v2/posts/' );

Otkrijte svoje članke popularnim Kako dodati dijeljenje tipke na WordPress

Ako je odgovor objekt WP_Error, završavamo izvršavanje naše funkcije dodatak ()ako ne, s funkcijom ispitujemo sadržaj tijela odgovora wp_remote_retrieve_body traže članke kodirane u JSON formatu. Ovako izgleda funkcija dodatak ()  :

 public function widget( $args, $instance ) {
    $response = wp_remote_get( 'http://mysite.com/wp-json/wp/v2/posts/' );

    if( is_wp_error( $response ) ) {
        return;
    }

    $posts = json_decode( wp_remote_retrieve_body( $response ) );

    if( empty( $posts ) ) {
        return;
    }   
    echo $args['before_widget'];

    if( !empty( $instance['title'] ) ) {
        echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'], $instance, $this->id_base ) . $args['after_title'];
    }
    if( !empty( $posts ) ) {
        echo '<ul>';
        foreach( $posts as $post ) {
            echo '<li><a href="' . $post->link. '">' . $post->title->rendered . '</a></li>';
        }
        echo '</ul>';
    }
    echo $args['after_widget'];
}

Ono što je zanimljivo u ovom primjeru je da zamjenom funkcije wp_remote_get u suprotnom, ovaj će primjer biti izvan dosega WordPressa. To znači da WordPress jezgru možete pitati s bilo koje druge platforme, bilo Joomla, Prestashop, Drupal, Android ili IOS.

Idite dalje otkrivajući ove 8 WordPress plugins pretvoriti vaše web stranice u mobilnu aplikaciju

Stoga možete stvoriti izvornu mobilnu aplikaciju povezanu s WordPressovom pozadinom. REST API pretvara WordPress u platformu za razvoj aplikacija.

Idite dalje s REST API-jem

Upit o jezgri WordPressa u svrhu interakcije s podacima čini 90% njegove upotrebe. Ali još uvijek postoji nekoliko područja koja bi bilo zanimljivo istražiti: caching odgovor, provjera autentičnosti i otkrivanje usluga.

Predmemoriranje odgovora

Kada dohvaćate informacije poput članaka u našem primjeru, dobra je praksa da ih predmemorirate, tj. Kopirate negdje na pozivajućem terminalu kako biste izbjegli druge pozive za iste informacije na poslužitelju. Postoje različiti pristupi kako bi se to postiglo, uključujući JP REST API CACHEje dodataka predmemorija, i prijelazne.

Ideja privremenog je kopiranje podataka lokalno s datumom isteka. Prema zadanim postavkama, kopija će se nalaziti u bazi podataka, ali neke implementacije omogućuju kopiranje izravno u memoriju, što operaciju vraćanja čini još bržom.

Vidi i ove 7 premium WordPress dodaci za optimiziranje predmemoriranja vaše web stranice

Podaci se zatim preuzimaju iz lokalne baze podataka sve dok ne isteknu, a zatim se opozovu s udaljene web stranice. Evo izmijenjene verzije našeg widgeta koja uključuje pojam prolaznog (s novom funkcijom):

public function get_remote_posts() {
    $posts = get_transient( 'remote_posts' );
    if( empty( $posts ) ) {
        $response = wp_remote_get( 'http://votre-domaine.com/wp-json/wp/v2/posts/' );
        if( is_wp_error( $response ) ) {
            return array();
        }

        $posts = json_decode( wp_remote_retrieve_body( $response ) );

        if( empty( $posts ) ) {
            return array();
        }

        set_transient( 'remote_posts', $posts, HOUR_IN_SECONDS );
    }

    return $posts;
}

public function widget( $args, $instance ) {
    $posts = $this->get_remote_posts();

    if( empty( $posts ) ) {
        return;
    }
    
    echo $args['before_widget'];

    if( !empty( $instance['title'] ) ) {
        echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'], $instance, $this->id_base ) . $args['after_title'];
    }

    echo '<ul>';
    foreach( $posts as $post ) {
        echo '<li><a href="' . $post->link. '">' . $post->title->rendered . '</a></li>';
    }
    echo '</ul>';

    echo $args['after_widget'];

}

Ovjera

Kada radite s vanjskim resursima, poželjno je identificirati se. To se radi kroz postupak provjere autentičnosti. REST API nudi vam dvije metode za identifikaciju: osnovna provjera autentičnosti i OAuth.

Osnovna provjera autentičnosti : od dvije metode, ova je jednostavnija. Sastoji se od slanja vašeg korisničkog imena i lozinke uz svaki zahtjev, što nosi velike sigurnosne rizike. Iz tog razloga, NE smije se koristiti u proizvodnji što je više moguće.

Da biste koristili osnovnu provjeru autentičnosti, morate instalirati i aktivirati dodatak Osnovni autentifikacija. Zatim, da biste uputili autentični poziv, zaglavlje prijavite s Osnovni, temeljni i uputite poziv:

$headers = array (
    'Authorization' => 'Basic ' . base64_encode( 'username:password' ),
);

$response = wp_remote_request( 'http://votre-domaine.com/wp-json/wp/v2/posts/1234/', array(
    'method' => 'DELETE',
    'headers' => $headers
));

Vidi također kako dodati dual faktor autentifikaciju na WordPress

Budite oprezni s ovim primjerom, jer ako ga isprobate na svojoj web lokaciji, izbrisat ćete članak koji ima ID 1234 ako postoji..

OAutha : Ova metoda, još uvijek nejasna sa stajališta dokumentacije, zahtijeva instalaciju i aktiviranje dodatka OAuth1. Implementacija ove metode provjere autentičnosti uključuje instalaciju i kombiniranu upotrebu WP-CLI, naredbeni redak za WordPress i WP CLI klijent.

Uvođenje sučelja naredbenog retka samo po sebi nije problem, ali problem je nedostatak popisa naredbi.

Otkrivanje usluge

Dio učenja bilo kojeg API-ja upoznaje se s njegovim opcijama. Stoga vam preporučujem da pogledate dio na otkriće usluge dokumentacije za WordPress REST API.

Tamo ćete pronaći metode za interakciju s člancima, vrstama postova, medijima, metapodacima, kao i nepravilnosti poput nemogućnosti brisanja korisnika ili drugih manjih problema.

Zapamtite da je ovo posao u tijeku koji je već vrlo zanimljiv.

Tko koristi WordPress REST API?

U svemu postoje pioniri, WordPress REST API nije iznimka. Evo kratkog popisa nekoliko tvrtki koje koriste API, unatoč mladosti:

Izrađen Ljudski koristite API za izradu web stranica za kupce koji žele nešto fleksibilnije za frontend.

WP Live Search je besplatni dodatak koji koristi API za svoje funkcije pretraživanja.

editus je premium dodatak koji koristi API za svoje funkcije uređivanja sučelja.

od Tko koristi ovu stvar? drugi ljudi i tvrtke implementiraju WordPress REST API za izgradnju mobilnih aplikacija.

Unatoč svojoj mladosti, WordPress REST API veliko obećava kao glavnu značajku u transformaciji WordPressa u platformu za razvoj aplikacija.

Koristite li i WordPress REST API?  Željeli bismo imati vaše dojmove o toj temi.

Kako pronalazite mogućnosti koje nudi? Podijelite svoje reakcije s nama u našem odjeljku za komentare.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. WordPress Ultimate preusmjeravanje

Dodatak "WordPress Ultimate Redirect" jedno je jedino rješenje koje trebate za upravljanje svim svojim preusmjeravanjima, 404-ima, migracijom web mjesta i / ili promjenom ili prijenosom domene.

Postoje dodaci koji rade ono što dodatak radi, ali ne svi istodobno. Ovaj dodatak pruža sve uobičajene funkcije preusmjeravanja 404, plus naš omiljeni "automatsko preusmjeravanje na najbliže podudaranje URL-a".

Preuzmite | demo | Web hosting

2. Leadeo

Jeste li znali da upotreba videozapisa na Vašoj odredišnoj stranici može poboljšati konverzije za više od 80%. Isto tako i na prodajnim stranicama s više od 46%. Leadeo vam može pomoći da postignete više potencijalnih kupaca i prodaje od ljudi koji gledaju videozapise na vašem blogu.

Zahvaljujući ovom dodatku to možete napraviti video korisno za ciljanu publiku, podijelite ga na svojim društvenim mrežama i popisu kontakata putem e-pošte i pošaljite nekoliko oglasa. Tako će ljudi vidjeti video i lajkati ga.

Budući da video stvara očekivani interes, onima koji su ga pogledali nudi se:

• prijavite se na svoj popis e-pošte da biste dobili sjajne savjete
• kontaktirati vas
• podijelite jednu zanimljivu stvar koju ste rekli u videu
• podijeliti video sa svojim prijateljima
• kliknite gumb vašeg poziva na akciju
• i druge

I sve su ove akcije ponuđene desno od videozapisa.

Preuzmite | demo | Web hosting

3. CommentPress

CommentPress moćan je WordPress kompaktni dodatak koji vam omogućuje umetanje, uređivanje i brisanje komentara brzo i jednostavno. CommentPress koristi Ajax, jQuery i PHP kako bi posjetiteljima omogućili umetanje komentara bez ponovnog učitavanja stranice.

Ovaj dodatak ima mnogo opcija za prilagodbu, što mu konačno daje izgled i osjećaj da želite. Sadrži captcha za blokiranje neželjene pošte i unosi u vašu rubriku komentara više sigurnosti.

Njegove glavne značajke su: jednostavno umetanje komentara, mogućnost da korisnici odgovore na određene komentare, paginiranje komentara, cjelovito upravljanje administracijom odjeljka za komentare, gumbi za jednostavno umetanje slika, videozapisi i veze, potpuno reagirajući izgled, Captcha za zaštitu obrasca i sprječavanje neželjene pošte i još mnogo toga.

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

• Kako povezati svoju web stranicu WordPress s Telegramom
• Kako dodati beskonačno pomicanje na WordPress blog
• Kako dodati FAQ na blogu WordPress
• Kako popraviti medijsku biblioteku koja više ne funkcionira na WordPressu

Zaključak

To je to! To je sve za ovaj vodič. Nadamo se da vam je ovaj vodič pokazao kako se koristi WordPress REST API. slobodno se dijelite ove članke sa svojim prijateljima na svojim omiljenim društvenim mrežama. 

Međutim, također ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress.

Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku Komentari.

...