Funkcia po funkcii má WordPress tendenciu padať do plášťa systému blogov a do systému vývoja aplikácií. Prvým viditeľným krokom k tejto zmene bolo zavedenie vlastné typy príspevkov vo svojej verzii 2.9.

Dnes transformácia pokračuje s príchodom WordPress REST API.

V tomto návode vás prevediem tým, čo je WordPress REST API, a ukážem vám, ako ho používať.

Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať a WordPress blog v 7 krokoch et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom sa vráťme k tomu, prečo sme tu

Čo je to REST API

Zjednodušene povedané, pochopte, že WordPress REST API vám umožňuje komunikovať s jadrom WordPress bez toho, aby ste prechádzali cez jeho grafické rozhranie. To znamená oddelenie jadra od grafického používateľského rozhrania. Pomocou tohto API môžete napríklad vytvoriť nový článok bez nutnosti prístupu k súboru prístrojová doska. Po vydaní verzie 4.4 do decembra bude rozhranie REST API obsiahnuté v jadre.

Vzhľadom na povahu predmetu tohto tutoriálu je nevyhnutná dobrá znalosť jazyka PHP a WordPress.

Čo potrebujeme pre tento návod

Ak chcete začať s REST API, budete potrebovať doplnok REST API ako aj najnovšiu verziu WordPress. Máš to ? Ak nie, prečítajte si prečo.  Znalosť rozhrania WordPress HTTP API bude tiež dobrou spoločnosťou pre uskutočňovanie vzdialených hovorov.

Objavte kliknutím na tento odkaz Ako nainštalovať (pridať) doplnok na WordPress

Ako projekt tohto tutoriálu sme my vytvorí miestnu inštaláciu programu WordPress z ktorého budeme načítať články z našej webovej stránky prostredníctvom REST API. Uistite sa, že máte na produkčnom webe nainštalovaný a aktivovaný doplnok REST API.

Teraz vytvorte widget vo vašej miestnej inštalácii. Tu je základný kód:

/**
 * 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' );
});

V adresári doplnkov miestnej webovej stránky vytvorte priečinok s názvom Widget-test-rest-api. V tomto priečinku vytvorte súbor s názvom Widget-test-rest-api.php a vložte vyššie uvedený kód.

Objavte mimochodom Ako spravovať a obnovovať verziu WordPress pomocou VersionPress

Tento kód obsahuje hlavičku doplnku (komentáre na začiatku kódu), ktorá dáva WordPress vedieť, že ide o doplnok. Ďalej prichádza na rad minimálny kód pre vytvorenie widgetu zvýšený o niekoľko riadkov. 

Kladieme väčší dôraz na funkciu ovládací prvok (), pretože práve v ňom je zabudované zobrazenie widgetu. Preto budeme vo vnútri tejto funkcie uskutočňovať hovory pomocou HTTP API.

Načítanie článkov

Budeme potrebovať nejaké informácie, aby sme mohli vyhľadať produkčný alebo online web. To bude svojím spôsobom predstavovať otázku kladenú na jadro WordPress nášho online webu. Jedná sa o základnú cestu API, použitú cestu, použité ukončenie, hlavičky a parametre.

Objasnite svoje sublimačné obrázky Ako vytvárať interaktívne obrázky na blogu WordPress

Základná cesta WordPress REST API je vždy / WP-json / wp / v2 /, Preto bude úplná cesta http://votre-domaine.com/wp-json/wp/v2/.

Trasa použitá na získanie položiek je / príspevky, To, čo robí kompletnú cestu pre články, je http://votre-domaine.com/wp-json/wp/v2/posts.

Každá trasa môže mať niekoľko zakončení, ktoré sa líšia použitou metódou HTTP. Cesta článku teda môže byť / Príspevky / 291. Táto cesta má konce 3:

GET : načítať článok
PUT : na aktualizáciu článku
DELETE : na odstránenie článku.

Pomocou HTTP API a ukončenia GET sa načítanie článkov dostane do jedného riadku kódu:

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

Zviditeľnite svoje články obľúbením Ako pridať tlačidlá zdieľania na WordPress

Ak je odpoveďou objekt WP_Error, ukončujeme výkon našej funkcie ovládací prvok ()ak nie, skúmame obsah tela odpovede s funkciou wp_remote_retrieve_body hľadajú články kódované vo formáte JSON. Takto vyzerá funkcia ovládací prvok ()  :

 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'];
}

Zaujímavé na tomto príklade je to, že nahradením funkcie wp_remote_get inak nebude tento príklad mimo rozsahu WordPress. To znamená, že môžete dotazovať na jadro WordPress z ktorejkoľvek inej platformy, nech už je to Joomla, Prestashop, Drupal, Android alebo IOS.

Choďte ďalej a objavte ich 8 WordPress pluginy, aby sa vaše webové stránky do mobilnej aplikácie

Môžete si preto vytvoriť natívnu mobilnú aplikáciu pripojenú k back office WordPress. REST API mení WordPress na platformu pre vývoj aplikácií.

Prejdite s REST API ďalej

Dotazovanie jadra WordPress na účely interakcie s údajmi predstavuje 90% jeho využitia. Stále však existuje niekoľko oblastí, ktoré by bolo zaujímavé preskúmať: caching odozva, autentifikácia a objav služby.

Vyrovnávacia pamäť odozvy

Pri načítaní informácií, ako sú články v našom príklade, je dobré ich uložiť do medzipamäte, t. J. Skopírovať ich niekam na volajúci terminál, aby sa zabránilo ďalším výzvam na získanie rovnakých informácií. server. Na dosiahnutie tohto cieľa existujú rôzne prístupy vrátane CACHE JP REST APIsa cache pluginov, a prechodné.

Myšlienka prechodného stavu je skopírovať informácie lokálne s dátumom vypršania platnosti. Predvolene sa kópia bude nachádzať v databáze, ale niektoré implementácie umožňujú kopírovanie priamo do pamäte, vďaka čomu je operácia obnovy ešte rýchlejšia.

Pozri tiež tieto Doplnky 7 premium WordPress na optimalizáciu vyrovnávacej pamäte vašich webových stránok

Informácie sa potom načítajú z lokálnej databázy až do vypršania platnosti, kde sa potom vyvolajú zo vzdialenej webovej stránky. Tu je upravená verzia nášho widgetu, ktorá obsahuje pojem prechodný (s novou funkciou):

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'];

}

Overenie

Pri práci s externými zdrojmi je vhodné identifikovať sa. To sa deje prostredníctvom procesu autentifikácie. Rozhranie REST API vám poskytuje dve metódy identifikácie: základnú autentizáciu a OAuth.

Základné overovanie : z týchto dvoch metód je táto jednoduchšia. Spočíva v zaslaní vášho používateľského mena a hesla pri každej žiadosti, čo so sebou nesie veľké bezpečnostné riziká. Z tohto dôvodu by sa NEMAL používať vo výrobe čo najviac.

Ak chcete používať základné overenie, musíte si nainštalovať a aktivovať doplnok Basic-Auth. Potom, aby ste mohli uskutočniť autentizovaný hovor, vyhláste hlavičku pomocou Základné a zavolajte:

$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
));

Pozri tiež ako pridať dvojfaktorové overenie na

V tomto príklade buďte opatrní, pretože ak to vyskúšate na svojom webe, odstránite článok, ktorý má ID 1234, ak existuje..

OAuth : Táto metóda, stále z hľadiska dokumentácie nejasná, si vyžaduje inštaláciu a aktiváciu doplnku OAuth1. Implementácia tejto metódy autentifikácie zahŕňa inštaláciu a kombinované použitie servera WP-CLI, príkazový riadok pre WordPress a WP CLI Client.

Samotné zavedenie rozhraní príkazového riadku nie je problémom samo o sebe, problémom je však nedostatok zoznamu príkazov.

Zisťovanie služieb

Súčasťou učenia sa každého API je oboznámenie sa s jeho možnosťami. Takže vám odporúčam pozrieť si časť na vyhľadávanie služieb z dokumentácie WordPress REST API.

Nájdete tu metódy interakcie s článkami, typmi príspevkov, médiami, metadátami i nezrovnalosťami, ako je neschopnosť vymazať používateľa alebo iné drobné obavy.

Pamätajte, že toto je prebiehajúca práca, ktorá je už teraz veľmi zaujímavá.

Kto používa WordPress REST API?

Vo všetkých veciach sú priekopníci, WordPress REST API nie je výnimkou. Tu je krátky zoznam niekoľkých spoločností, ktoré využívajú API napriek svojej mladosti:

Ľudské použite API na vytváranie webových stránok pre zákazníkov, ktorí chcú pre klientske rozhranie niečo flexibilnejšie.

WP Search Live je bezplatný doplnok, ktorý využíva API na svoje vyhľadávacie funkcie.

editus je prémiový doplnok, ktorý používa API pre svoje frontendové editačné funkcie.

D'après Kto používa túto vec? ďalší ľudia a spoločnosti implementujú WordPress REST API na vytváranie mobilných aplikácií.

Napriek svojej mladosti má WordPress REST API veľký prísľub ako hlavná vlastnosť pri transformácii WordPressu na platformu pre vývoj aplikácií.

Používate tiež WordPress REST API?  Chceli by sme mať vaše dojmy na túto tému.

Ako nájdete príležitosti, ktoré ponúka? Podeľte sa s nami o svoje reakcie v našej sekcii komentárov.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. WordPress Ultimate presmerovanie

Plugin „WordPress Ultimate Redirect“ je jediné riešenie, ktoré potrebujete na zvládnutie všetkých vašich presmerovaní, 404, migrácie stránok a / alebo zmien domén alebo ich prenosu.

Existujú doplnky, ktoré robia to, čo plugin, ale nie všetky súčasne. Tento doplnok poskytuje všetky obvyklé funkcie presmerovania 404 a naše obľúbené „automatické presmerovanie na najbližšiu zhodu adresy URL“.

Stiahnuť | demo | web hosting

2. Leadeo

Vedeli ste, že použitie videa na vstupnej stránke môže zlepšiť konverzie o viac ako 80%. Podobne na predajných stránkach s viac ako 46%. Leadeo vám môže pomôcť získať viac potenciálnych zákazníkov a predajov od ľudí, ktorí sledujú video na vašom blogu.

Vďaka tomuto doplnku môžete urobiť video užitočné pre cieľové publikum, zdieľajte ho na svojich sociálnych sieťach a vo svojom zozname kontaktov prostredníctvom e-mailu a pošlite nejaké reklamy. Takže ľudia uvidia video a budú sa mu páčiť.

Pretože video generuje očakávaný záujem, tým, ktorí si ho pozreli, sa ponúka:

• zaregistrujte sa do svojho zoznamu e-mailov a získajte skvelé tipy
• vás kontaktovať
• zdieľajte zaujímavú vec, ktorú ste uviedli vo videu
• zdieľajte video so svojimi priateľmi
• kliknite na tlačidlo výzvy na akciu
• a ďalšie

A všetky tieto akcie sú ponúkané vpravo od videa.

Stiahnuť | demo | web hosting

3. CommentPress

CommentPress je výkonný kompaktný doplnok WordPress, ktorý umožňuje rýchlo a ľahko vkladať, upravovať a mazať komentáre. CommentPress používa Ajax, jQuery a PHP na to, aby návštevníkom umožnil vkladať komentáre bez nutnosti znovu načítať stránku.

Tento doplnok má veľa možností prispôsobenia a nakoniec mu dáva vzhľad a dojem, aký chcete. Má captcha na blokovanie spamu a prináša do sekcie s komentármi väčšiu bezpečnosť.

Medzi jeho hlavné vlastnosti patrí: ľahké vkladanie komentárov, možnosť odpovedať na konkrétne komentáre používateľmi, stránkovanie komentárov, kompletná správa správy sekcie komentárov, tlačidlá na jednoduché vkladanie obrázkov, videá a odkazy, plne responzívne rozloženie, kód Captcha na zabezpečenie formy a zabránenie spamu a oveľa viac.

Stiahnuť | demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

• Ako prepojiť svoju webovú stránku WordPress s telegramom
• Ako pridať nekonečné posúvanie do blogu WordPress
• Ako pridať FAQ na blog WordPress
• Ako opraviť knižnicu médií, ktorá už nefunguje v programe WordPress

záver

To je ono! To je pre tento návod všetko. Dúfame, že vám tento výukový program ukázal, ako používať WordPress REST API. kľudne zdieľajte tieto články so svojimi priateľmi na obľúbených sociálnych sieťach. 

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Ak máte nejaké návrhy alebo pripomienky, nechajte ich v našej sekcii Komentáre.

...