Cara Menggunakan WordPress sebagai Back End: Sumber Daya untuk Memulai Dengan REST API

WordPress REST API telah ada untuk sementara waktu sekarang, tetapi memahami apa itu dan mengapa itu penting mungkin tidak segera jelas bagi pendatang baru dan non-pengembang. Meski begitu, alat ini berguna untuk diketahui oleh pengguna dari semua kalangan, karena memungkinkan Anda untuk menggunakan antarmuka WordPress yang sudah dikenal hanya sebagai back end, dan mengembangkan front end menggunakan alat dan bahasa lain.

Posting ini akan memberikan pengantar tentang apa itu REST API WordPress dan kemampuannya. Kami juga akan membagikan beberapa langkah untuk membantu Anda mulai menggunakan WordPress sebagai back-end untuk aplikasi atau situs web.

Mari kita lakukan!

Pengantar WordPress REST API

Ada banyak artikel yang menjelaskan apa itu REST API WordPress – kami bahkan telah membahasnya sebelumnya – jadi kami akan membuat ringkasan ini agar tidak terulang kembali. Sederhananya, Application Programming Interface (API) adalah yang memungkinkan koneksi antara berbagai perangkat, aplikasi, dan data.

Analogi yang membantu adalah menganggap API sebagai pelayan yang mengirimkan permintaan dan tanggapan antara pengunjung dan dapur. Dalam contoh ini, Anda adalah restorannya, aplikasi atau database yang Anda coba komunikasikan adalah dapurnya, dan 'makanan' Anda adalah data yang Anda minta.

Representasional State Transfer (REST) ​​adalah 'gaya arsitektur' atau jenis API. Ini dirancang agar ringan dan membutuhkan bandwidth minimal saat digunakan. Dengan menggunakan REST API, Anda dapat membuat empat jenis permintaan dasar:

• GET : Mengambil data dari perangkat, aplikasi, atau database yang Anda gunakan untuk berkomunikasi.
• POST : Menambahkan data ke perangkat, aplikasi, atau database yang Anda gunakan untuk berkomunikasi.
• PUT : Memperbarui data yang sudah ada pada perangkat, aplikasi, atau database yang Anda gunakan untuk berkomunikasi.
• DELETE : Menghapus data dari perangkat, aplikasi, atau database yang Anda gunakan untuk berkomunikasi.

WordPress REST API menggunakan JavaScript Object Notation (JSON) untuk mengembalikan data. Jadi, ketika Anda menggabungkan semua ini, Anda mendapatkan metode ringan untuk mengkomunikasikan permintaan GET , POST , PUT , dan DELETE antara situs WordPress dan platform lain melalui penggunaan JSON.

Memahami Apa yang Dapat Dilakukan oleh REST API WordPress

Tampaknya REST API WordPress tidak terlalu berguna bagi Anda, terutama jika Anda bukan seorang pengembang. Namun, ada banyak hal yang dapat dilakukan oleh API yang bahkan mungkin ingin dicoba oleh pengguna WordPress tingkat menengah, seperti:

• Menyinkronkan konten. Anda dapat menggunakan REST API untuk mengaktifkan situs WordPress yang berbeda untuk berkomunikasi satu sama lain. Misalnya, Anda dapat menguji desain ulang situs web dengan menyinkronkan konten antara situs Anda saat ini dan versi yang didesain ulang.
• Konten sindikasi. Pada catatan yang sama, Anda juga dapat menggabungkan konten dari beberapa situs web yang berbeda. Ambil bisnis dengan beberapa lokasi masing-masing dengan situs mereka sendiri – Anda dapat mensindikasikan konten dari ketiganya ke situs lain yang komprehensif.
• Menyiapkan data WordPress Google Sheet. Menggunakan REST API, Anda dapat menghubungkan situs WordPress dan Google Spreadsheet Anda. Ini dapat membantu Anda mengatur posting Anda dalam spreadsheet untuk tetap mengikuti pembaruan konten.
• Membuat aplikasi seluler. Dengan menghubungkan situs WordPress Anda ke front end aplikasi kustom, Anda dapat membuat aplikasi seluler untuk melengkapi situs desktop Anda. Ini berguna untuk situasi seperti membuat versi aplikasi toko WooCommerce.
• Menggunakan WordPress 'tanpa kepala'. Jika opsi tampilan ujung depan untuk WordPress tidak melakukannya untuk Anda, REST API memungkinkan Anda menggunakan WordPress untuk semua pembuatan dan pengelolaan konten Anda sambil menyajikan konten kepada pengguna di situs web khusus atau ujung depan aplikasi web. Ini dikenal sebagai WordPress 'tanpa kepala'.

Pencarian Google cepat akan memunculkan banyak cara lain di mana WordPress REST API digunakan. Namun, untuk sisa posting ini, kami akan fokus menggunakan WordPress sebagai back-end untuk aplikasi atau situs web.

Cara Menggunakan WordPress sebagai Back End (Dalam 3 Langkah)

Ada banyak cara untuk menggunakan WordPress sebagai back end. Dengan demikian, posting ini lebih merupakan pengantar umum untuk melakukannya menggunakan WordPress REST API, daripada panduan lengkap untuk membangun aplikasi atau situs web yang dipisahkan.

Meskipun langkah-langkah di bawah ini disederhanakan untuk membantu Anda memulai, ini berarti Anda mungkin perlu meneliti panduan tambahan khusus untuk proyek Anda. Namun, mengetahui dasar-dasar ini akan membantu mempermudah prosesnya.

Langkah 1: Muat Konten Ke WordPress dan Uji REST API

Langkah pertama untuk menggunakan WordPress sebagai back end sangat mirip dengan memulai situs web WordPress. Anda memerlukan instalasi WordPress yang memuat semua konten yang Anda inginkan di situs web atau aplikasi Anda. Ini bisa berupa instalasi aktif atau yang baru Anda atur untuk proyek Anda.

Anda juga harus bekerja untuk membuat posting dan halaman, menambahkan file media, dan apa pun yang dibutuhkan proyek Anda dari segi konten. Pada dasarnya, Anda perlu memasukkan semua yang Anda inginkan di situs atau aplikasi Anda ke WordPress, karena ini akan menjadi tempat Anda mengelola konten.

Setelah Anda menyiapkan semuanya, Anda mungkin ingin menjalankan tes untuk melihat cara kerja REST API WordPress. Untungnya, Anda dapat melakukannya dengan benar di browser Anda. Cukup ketik domain Anda diikuti dengan wp-json/wp/v2/posts:

Anda akan melihat sesuatu seperti gambar di atas, meskipun jumlah JSON yang ditampilkan akan berbeda tergantung pada seberapa padat situs tersebut. Anda sekarang telah berhasil menggunakan WordPress REST API untuk mengembalikan data untuk semua posting Anda. Buku Pegangan REST API berisi informasi tentang cara melakukan ini untuk informasi lain juga.

Untuk rekap langkah ini:

1. Pertama, kami menyiapkan instalasi WordPress untuk berfungsi sebagai back end untuk aplikasi/situs web kami.
2. Kami membuat konten yang ingin kami tampilkan di frontend proyek kami di WordPress sebagai posting, halaman, dll.
3. Untuk melihat REST API beraksi, kami mengembalikan JSON untuk semua posting kami di dalam browser.

Setelah Anda merasa memiliki pegangan tentang bagaimana semua bagian itu bekerja bersama, Anda dapat melanjutkan dari bagian belakang situs Anda untuk mulai bekerja di bagian depan.

Langkah 2: Siapkan Front End Aplikasi atau Situs Web Anda Menggunakan React

Sekarang Anda telah mengetahui aspek 'di balik layar', Anda harus mengerjakan bagian aplikasi atau situs web Anda yang benar-benar dapat dilihat pengguna. Rute populer untuk mencapai ini untuk pengguna WordPress adalah melalui Bereaksi:

Untuk yang belum tahu, React adalah (seperti tagline pada gambar di atas terbaca) perpustakaan JavaScript untuk membangun antarmuka pengguna. Ini memungkinkan Anda membuat elemen yang disebut 'komponen', yang menjadi bagian yang membentuk ujung depan aplikasi atau situs web Anda. Ini mungkin termasuk posting, tombol, gambar, atau sejumlah fitur dan fungsi lainnya.

Ada juga banyak platform lain yang mungkin ingin Anda pertimbangkan untuk membangun proyek Anda, jadi lihat-lihat sebelum Anda berkomitmen. Seluk-beluk lengkap penggunaan React (atau serupa) berada di luar cakupan artikel ini. Namun, setelah Anda menentukan metode untuk membuat front end Anda, urus konfigurasi apa pun sehingga Anda siap untuk mulai membangun komponen.

Langkah 3: Hubungkan Back End WordPress Anda ke Front End Anda

Sekarang, Anda harus memiliki back end WordPress dan front end React (atau lainnya). Sekarang, Anda hanya perlu membuat mereka berbicara satu sama lain sehingga data dari WordPress dirender di aplikasi atau situs web Anda. Di sinilah REST API WordPress masuk.

Karena Anda telah menguji API, dan telah melihat bahwa itu dapat mengembalikan data untuk posting Anda dan konten lainnya, Anda tahu itu berfungsi dan siap digunakan. Selanjutnya Anda harus membuat komponen yang menggunakan REST API untuk mengambil posting dari WordPress dan menampilkannya di front end Anda.

Jika Anda memiliki pengalaman pengkodean minimal, di sinilah segalanya akan menjadi sangat rumit. Jika Anda berharap untuk meluncurkan aplikasi atau situs web Anda dengan cepat, Anda mungkin lebih baik menyewa pengembang untuk menyiapkannya untuk Anda. Namun, jika Anda bersedia meluangkan waktu, Anda dapat mulai perlahan-lahan mengerjakan komponen dan belajar sambil berjalan.

Kami telah menulis tentang cara membuat komponen React untuk mengambil semua posting WordPress Anda dan menampilkannya di aplikasi sebelumnya. Anda dapat menggunakan posting ini sebagai latihan untuk memulai, atau lihat beberapa kursus pelatihan online.

Setelah Anda menggunakan WordPress REST API untuk memasukkan semua konten Anda ke front end Anda, Anda dapat mulai membuat lebih banyak (dan semakin kompleks) komponen, kemudian bekerja untuk menyesuaikan front end situs Anda lebih jauh – semuanya sambil menggunakan WordPress untuk terus membuat dan mengelola konten.

Kesimpulan

Pasti ada kurva belajar dalam hal REST API WordPress, terutama jika Anda memiliki pengetahuan pengkodean yang minimal. Namun, setelah Anda memahaminya, fitur ini dapat membantu Anda memperluas fondasi dasar Anda untuk menggunakan WordPress sebagai back-end untuk aplikasi atau situs web kustom Anda sendiri.

Posting ini telah memberikan beberapa langkah dasar yang disederhanakan untuk menggunakan WordPress sebagai back end. Mari kita rekap mereka dengan cepat:

1. Muat konten ke WordPress dan uji REST API.
2. Siapkan front end aplikasi atau situs web Anda menggunakan React.
3. Hubungkan back end WordPress Anda ke front end React Anda.

Apakah Anda memiliki pertanyaan tentang REST API atau menggunakan WordPress sebagai back end? Tanya mereka di bagian komentar di bawah!

Artikel Gambar Thumbnail Jesus Sanz / shutterstock.com