Fitur demi fitur, WordPress cenderung meninggalkan mantel sistem blog dan ke dalam sistem pengembangan aplikasi. Langkah pertama yang terlihat jelas menuju perubahan ini adalah pengenalan jenis posting khusus dalam versi 2.9-nya.

Saat ini, transformasi berlanjut dengan kedatangan WordPress REST API.

Dalam tutorial ini, saya akan memandu Anda melalui apa itu WordPress REST API dan menunjukkan cara menggunakannya.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Cara memasang blog WordPress dalam 7 langkah et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Kalau begitu mari kita kembali ke mengapa kita ada di sini

Apa itu REST API

Sederhananya, pahami bahwa WordPress REST API memungkinkan Anda berinteraksi dengan inti WordPress tanpa melalui antarmuka grafisnya. Ini berarti pemisahan kernel dan GUI. Dengan API ini, Anda dapat misalnya membuat artikel baru, tanpa harus mengakses dasbor. REST API akan disertakan di kernel saat versi 4.4 dirilis pada Desember.

Mengingat sifat subjek tutorial ini, diperlukan pengetahuan yang baik tentang bahasa PHP dan WordPress.

Apa yang kita butuhkan untuk tutorial ini

Untuk memulai REST API, Anda memerlukan plugin SISA API serta versi terbaru WordPress. Anda memilikinya? Jika tidak, melihat mengapaPengetahuan tentang API HTTP WordPress juga akan menjadi perusahaan yang baik untuk melakukan panggilan jarak jauh.

Temukan dengan mengklik tautan ini Cara menginstal (menambahkan) plugin di WordPress

Sebagai sebuah proyek untuk tutorial ini kita akan membuat instalasi lokal WordPress dari mana kami akan mengambil artikel dari situs web kami melalui REST API. Pastikan Anda telah menginstal dan mengaktifkan plugin REST API di situs produksi.

Sekarang, buat a Widget di instalasi lokal Anda. Ini adalah kode dasarnya:

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

Di direktori plugin situs web lokal Anda, buat folder bernama widget-test-sisa-api. Di folder ini, buat file bernama widget-test-sisa-api.php dan rekatkan kode di atas.

Temukan dengan cara Cara mengelola dan mengembalikan versi WordPress dengan VersionPress

Kode ini berisi header plugin (komentar di awal kode) yang membuat WordPress tahu bahwa itu adalah plugin. Berikutnya adalah kode minimum untuk membuat widget, ditambah beberapa baris. 

Kami akan lebih menekankan pada fungsi widget (), karena di dalamnya tampilan widget dibuat. Oleh karena itu, di dalam fungsi inilah kita akan melakukan panggilan menggunakan HTTP API.

Ambil artikel

Kami memerlukan beberapa informasi untuk menanyakan situs produksi atau situs online. Ini akan menjadi pertanyaan yang diajukan ke inti WordPress dari situs online kami. Ini adalah jalur API dasar, rute yang digunakan, penghentian yang digunakan, header, dan parameternya.

Sublimasikan gambar ilustratif Anda dengan menemukan Cara membuat gambar interaktif di blog WordPress

Jalur API REST WordPress dasar selalu / Wp-json / wp / v2 /. Dengan demikian, path lengkap akan http://votre-domaine.com/wp-json/wp/v2/.

Rute yang digunakan untuk mengambil item adalah / posting. Apa yang membuat rute lengkap untuk artikel adalah http://votre-domaine.com/wp-json/wp/v2/posts.

Setiap rute dapat memiliki sejumlah penghentian, dibedakan dengan metode HTTP yang digunakan. Dengan demikian dapat menjadi rute sebuah artikel / Tulisan / 291. Ini jalan 3 ujung:

DAPATKAN : untuk mengambil artikel
PUT : untuk memperbarui artikel
DELETE : untuk menghapus artikel.

Menggunakan API HTTP dan penghentian GET, mengambil artikel turun ke satu baris kode:

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

Jadikan artikel Anda populer dengan menemukan Bagaimana Tambahkan tombol berbagi di WordPress

Jika jawabannya adalah obyek WP_Error, kami mengakhiri eksekusi fungsi kami widget ()jika tidak, kami memeriksa isi tubuh jawaban dengan fungsi wp_remote_retrieve_body mencari artikel yang dikodekan dalam format JSON. Seperti inilah fungsinya widget ()  :

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

Yang menarik dalam contoh ini adalah dengan mengganti fungsi wp_remote_get jika tidak, contoh ini akan berada di luar cakupan WordPress. Ini berarti Anda dapat melakukan kueri inti WordPress dari platform lain, baik itu Joomla, Prestashop, Drupal, Android atau IOS.

Pergi lebih jauh dengan menemukan ini Plugin 8 WordPress untuk mengubah situs web Anda menjadi aplikasi seluler

Oleh karena itu, Anda dapat membuat aplikasi seluler asli yang terhubung ke back office WordPress. REST API mengubah WordPress menjadi platform pengembangan aplikasi.

Pergi lebih jauh dengan REST API

Mengkueri inti WordPress untuk tujuan berinteraksi dengan data merupakan 90% dari penggunaannya. Namun masih ada beberapa area yang menarik untuk dijelajahi: di-cache respon, otentikasi dan penemuan layanan.

Caching respons

Saat mengambil informasi seperti artikel dalam contoh kami, praktik yang baik untuk menyimpannya, yaitu menyalinnya di suatu tempat di terminal pemanggil untuk menghindari panggilan lain untuk informasi yang sama ke server. Ada pendekatan berbeda untuk mencapai ini termasuk JP SISA API CACHE, yang Cache plugin, dan transien.

Gagasan transien adalah menyalin informasi secara lokal dengan tanggal kedaluwarsa. Secara default, salinan akan ada di database, tetapi beberapa implementasi memungkinkan penyalinan langsung ke memori, yang membuat operasi pemulihan lebih cepat.

Lihat juga ini Plugin WordPress premium 7 untuk mengoptimalkan caching situs web Anda

Informasi tersebut kemudian diambil dari database lokal sampai habis masa berlakunya, kemudian ditarik kembali dari situs web jarak jauh. Berikut adalah versi modifikasi dari widget kami yang menyertakan pengertian transient (dengan fungsi baru):

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

}

Autentikasi

Saat bekerja dengan sumber daya eksternal, disarankan untuk mengidentifikasi diri Anda sendiri. Ini dilakukan melalui proses otentikasi. REST API memberi Anda dua metode untuk mengidentifikasi diri Anda: Autentikasi dasar dan OAuth.

Otentikasi dasar : dari dua metode, yang satu ini lebih sederhana. Ini terdiri dari mengirimkan nama pengguna dan kata sandi Anda dengan setiap permintaan, yang membawa risiko keamanan yang besar. Untuk alasan ini, sebaiknya TIDAK digunakan dalam produksi sebanyak mungkin.

Untuk menggunakan otentikasi dasar, Anda harus menginstal dan mengaktifkan plugin Dasar-Tupoksi. Kemudian, untuk melakukan panggilan yang diautentikasi, deklarasikan header dengan Dasar dan lakukan panggilan:

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

Lihat juga cara menambahkan otentikasi dua faktor di WordPress

Hati-hati dengan contoh ini, karena jika Anda mencobanya di website Anda, Anda akan menghapus artikel yang memiliki ID 1234 jika ada..

OAuth : Metode ini, masih tidak jelas dari sudut pandang dokumentasi mengharuskan Anda menginstal dan mengaktifkan plugin OAuth1. Penerapan metode otentikasi ini mencakup instalasi dan penggunaan gabungan WP-CLI, baris perintah untuk WordPress dan WP CLI Client.

Pengenalan antarmuka baris perintah bukanlah masalah itu sendiri, tetapi kurangnya daftar perintah yang menjadi masalah.

Penemuan layanan

Bagian dari mempelajari API apa pun menjadi terbiasa dengan opsinya. Jadi saya sarankan Anda untuk memeriksa bagian ini penemuan layanan dari dokumentasi WordPress REST API.

Di sana Anda akan menemukan metode untuk berinteraksi dengan artikel, jenis posting, media, metadata, serta penyimpangan seperti ketidakmampuan untuk menghapus pengguna atau masalah kecil lainnya.

Ingatlah bahwa ini adalah pekerjaan yang sedang berlangsung dan sudah sangat menarik.

Siapa yang menggunakan REST API WordPress?

Dalam semua hal ada pelopor, tidak terkecuali REST API WordPress. Berikut adalah daftar singkat dari sedikit perusahaan yang menggunakan API, meskipun masih muda:

Terbuat Manusia menggunakan API untuk membangun situs web bagi pelanggan yang menginginkan sesuatu yang lebih fleksibel untuk frontend.

WP Live Search adalah plugin gratis yang menggunakan API untuk fungsi pencariannya.

editus adalah plugin premium yang menggunakan API untuk fungsi pengeditan frontendnya.

D'Après Siapa yang menggunakan benda ini? orang dan perusahaan lain menerapkan REST API WordPress untuk membangun aplikasi seluler.

Meskipun masih muda, REST API WordPress sangat menjanjikan sebagai fitur utama dalam transformasi WordPress menjadi platform pengembangan aplikasi.

Apakah Anda juga menggunakan REST API WordPress?  Kami ingin memiliki kesan Anda pada subjek.

Bagaimana Anda menemukan peluang yang ditawarkannya? Bagikan reaksi Anda dengan kami di bagian komentar kami.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Pengalihan Ultimate WordPress

Plugin "WordPress Ultimate Redirect" adalah satu-satunya solusi yang Anda perlukan untuk mengelola semua pengalihan, 404, migrasi situs, dan / atau perubahan domain atau kebutuhan transfer.

Plugin pengalihan utama Wordpress

Ada plugin yang melakukan apa yang dilakukan plugin tersebut, tetapi tidak semuanya pada saat yang sama. Plugin ini menyediakan semua fungsi pengalihan 404 biasa, ditambah dengan "pengalihan otomatis ke pencocokan URL terdekat" favorit kami.

Download | Demo | Hébergement Web

2. Leadeo

Tahukah Anda bahwa menggunakan video di Halaman Arahan Anda dapat meningkatkan konversi lebih dari 80%. Demikian juga pada halaman penjualan dengan lebih dari 46%. Leadeo dapat membantu Anda mendapatkan lebih banyak arahan dan penjualan dari orang-orang yang menonton video di blog Anda.Leadeo

Berkat plugin ini, Anda bisa membuat video berguna untuk audiens yang ditargetkan, bagikan di jejaring sosial dan daftar kontak Anda melalui email, dan kirimkan beberapa iklan. Jadi orang akan melihat videonya dan menyukainya.

Karena video menghasilkan minat yang diharapkan, mereka yang telah menontonnya ditawari:

  • daftar ke daftar email Anda untuk mendapatkan kiat-kiat hebat
  • untuk menghubungi Anda
  • bagikan hal menarik yang Anda katakan di video
  • bagikan videonya dengan teman-teman mereka
  • klik tombol ajakan bertindak Anda
  • dan lainnya

Dan semua tindakan ini ditawarkan tepat di sebelah kanan video.

Download | Demo | Hébergement Web

3. CommentPress

CommentPress adalah plugin ringkas WordPress yang kuat yang memungkinkan Anda menyisipkan, mengedit, dan menghapus komentar dengan cepat dan mudah. CommentPress menggunakan Ajax, jQuery dan PHP untuk memberi pengunjung kemampuan untuk memasukkan komentar tanpa harus memuat ulang halaman.Commentpress ajax komentar masukkan edit dan hapus komentar

Plugin ini memiliki banyak opsi penyesuaian, akhirnya memberikan tampilan dan nuansa yang Anda inginkan. Ini memiliki captcha untuk memblokir spam dan membawa ke bagian komentar Anda lebih aman.

Fitur utamanya adalah: penyisipan komentar yang mudah, kemungkinan bagi pengguna untuk membalas komentar tertentu, penomoran halaman komentar, manajemen lengkap administrasi bagian komentar, tombol untuk memudahkan penyisipan gambar, video dan tautan, tata letak yang sepenuhnya responsif, Captcha untuk mengamankan formulir dan mencegah spam, dan banyak lagi.

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Here! Itu saja untuk tutorial ini. Kami harap tutorial ini menunjukkan cara menggunakan REST API WordPress. merasa bebas untuk bagikan artikel ini dengan teman-teman Anda di jejaring sosial favorit Anda

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Jika Anda memiliki saran atau komentar, tinggalkan di bagian kami komentar.

...