WordPress Arka Uç Olarak Nasıl Kullanılır: REST API'sini Kullanmaya Başlamak için Kaynaklar

Yayınlanan: 2019-06-23

WordPress REST API'si bir süredir piyasada, ancak bunun ne olduğunu ve neden önemli olduğunu anlamak yeni başlayanlar ve geliştirici olmayanlar için hemen net olmayabilir. Yine de, bu araç, tanıdık WordPress arayüzünü yalnızca arka uç olarak kullanmanıza ve diğer araçları ve dilleri kullanarak ön ucu geliştirmenize olanak tanıdığından, her türden kullanıcının bilmesi gereken kullanışlı bir araçtır.

Bu gönderi, WordPress REST API'sinin ne olduğuna ve neler yapabileceğine dair bir giriş sağlayacaktır. Ayrıca, bir uygulama veya web sitesi için WordPress'i arka uç olarak kullanmaya başlamanıza yardımcı olacak birkaç adımı paylaşacağız.

Hadi hadi bakalım!

WordPress REST API'sine Giriş

WordPress REST API'sinin ne olduğunu açıklayan pek çok makale var - bunu daha önce ele aldık - bu yüzden kendimizi tekrar etmekten kaçınmak için bu kısa tutacağız. Basitçe söylemek gerekirse, bir Uygulama Programlama Arayüzü (API), çeşitli cihazlar, uygulamalar ve veriler arasında bağlantı sağlayan şeydir.

Yararlı bir benzetme, bir API'yi, yemek yiyenler ve mutfak arasında istek ve yanıtları ileten bir garson olarak düşünmektir. Bu örnekte, lokanta sizsiniz, iletişim kurmaya çalıştığınız uygulama veya veritabanı mutfak ve 'yemek' talep ettiğiniz veri.

Temsili Durum Aktarımı (REST), bir 'mimari stil' veya API türüdür. Hafif olacak şekilde tasarlanmıştır ve kullanıldığında minimum bant genişliği gerektirir. Bir REST API kullanarak dört temel türde istekte bulunabilirsiniz:

  • GET : İletişim kurduğunuz cihazdan, uygulamadan veya veritabanından veri alır.
  • POST : İletişim kurduğunuz cihaza, uygulamaya veya veritabanına veri ekler.
  • PUT : İletişim kurduğunuz cihaz, uygulama veya veritabanındaki mevcut verileri günceller.
  • DELETE : İletişim kurduğunuz cihaz, uygulama veya veritabanındaki verileri kaldırır.

WordPress REST API, verileri döndürmek için JavaScript Nesne Gösterimi (JSON) kullanır. Tüm bunları bir araya getirdiğinizde, JSON kullanarak WordPress web siteleri ve diğer platformlar arasında GET , POST , PUT ve DELETE isteklerini iletmek için hafif bir yöntem elde edersiniz.

WordPress REST API'sinin Neler Yapabileceğini Anlama

Özellikle geliştirici değilseniz, WordPress REST API'si sizin için o kadar yararlı değilmiş gibi görünebilir. Ancak, API'nin yapabileceği, orta düzey WordPress kullanıcılarının bile denemek isteyebileceği birçok şey vardır, örneğin:

  • İçerik senkronize ediliyor. Farklı WordPress sitelerinin birbirleriyle iletişim kurmasını sağlamak için REST API'sini kullanabilirsiniz. Örneğin, mevcut siteniz ile yeniden tasarlanmış sürüm arasında içeriği senkronize ederek bir web sitesi yeniden tasarımını test edebilirsiniz.
  • Sendikasyon içeriği. Benzer bir notta, birkaç farklı web sitesindeki içeriği de birleştirebilirsiniz. Her biri kendi sitesi olan birden fazla lokasyona sahip bir işletmeyi ele alın - üçünden de içeriği başka bir kapsamlı siteye dağıtabilirsiniz.
  • Bir WordPress veri Google Sayfası kurma. REST API'yi kullanarak WordPress sitenizi ve Google E-Tablolarınızı bağlayabilirsiniz. Bu, içerik güncellemelerinden haberdar olmak için yayınlarınızı bir e-tabloda düzenlemenize yardımcı olabilir.
  • Mobil uygulamalar oluşturma. WordPress sitenizi özel bir uygulama ön ucuna bağlayarak masaüstü sitenizi tamamlayacak bir mobil uygulama oluşturabilirsiniz. Bu, bir WooCommerce mağazasının uygulama sürümünü oluşturmak gibi durumlar için kullanışlıdır.
  • 'Başsız' WordPress kullanma. WordPress için ön uç görüntüleme seçenekleri bunu sizin için yapmıyorsa, REST API, içeriği özel bir web sitesinde veya web uygulaması ön ucunda kullanıcılara sunarken tüm içerik oluşturma ve yönetiminiz için WordPress'i kullanmanıza olanak tanır. Bu, 'başsız' WordPress olarak bilinir.

Hızlı bir Google araması, WordPress REST API'sinin kullanıldığı birçok başka yolu ortaya çıkaracaktır. Ancak bu yazının geri kalanında WordPress'i bir uygulama veya web sitesi için arka uç olarak kullanmaya odaklanacağız.

WordPress Arka Uç Olarak Nasıl Kullanılır (3 Adımda)

WordPress'i arka uç olarak kullanmanın birçok yolu vardır. Bu nedenle, bu gönderi, bir uygulama veya ayrıştırılmış web sitesi oluşturmaya yönelik eksiksiz bir kılavuzdan ziyade, WordPress REST API'sini kullanmaya yönelik genel bir giriş niteliğindedir.

Aşağıdaki adımlar başlamanıza yardımcı olmak için basitleştirilmiş olsa da, bu muhtemelen projenize özel ek rehberlik araştırmanız gerekeceği anlamına gelir. Ancak, bu temel bilgileri bilmek süreci kolaylaştırmaya yardımcı olacaktır.

1. Adım: İçeriği WordPress'e Yükleyin ve REST API'sini Test Edin

WordPress'i arka uç olarak kullanmanın ilk adımı, bir WordPress web sitesi başlatmaya oldukça benzer. Web sitenizde veya uygulamanızda istediğiniz tüm içeriğin yüklendiği bir WordPress kurulumuna ihtiyacınız olacak. Bu, aktif bir kurulum veya projeniz için kurduğunuz yeni bir kurulum olabilir.

Ayrıca gönderiler ve sayfalar oluşturmak, medya dosyaları eklemek ve projenizin içerik açısından gerektirdiği diğer şeyler üzerinde çalışmanız gerekecek. Temel olarak, içeriği yöneteceğiniz yer burası olacağından, sitenizde veya uygulamanızda olmasını istediğiniz her şeyi WordPress'e getirmeniz gerekir.

Her şeyi ayarladıktan sonra, muhtemelen WordPress REST API'sinin nasıl çalıştığını görmek için bir test yapmak isteyeceksiniz. Neyse ki, bunu doğrudan tarayıcınızda yapabilirsiniz. Sadece etki alanınızı ve ardından wp-json/wp/v2/posts yazın:

JSON, tüm gönderileri WordPress REST API aracılığıyla talep ettikten sonra geri döndü.

Görüntülenen JSON miktarı sitenin ne kadar dolu olduğuna bağlı olarak değişse de, yukarıdaki resim gibi bir şey görmelisiniz. Artık tüm gönderilerinizin verilerini döndürmek için WordPress REST API'sini başarıyla kullandınız. REST API El Kitabı, diğer bilgiler için de bunun nasıl yapılacağına ilişkin bilgiler içerir.

Bu adımı özetlemek için:

  1. İlk olarak, uygulamamız/web sitemiz için arka uç olarak hizmet verecek bir WordPress kurulumu kurduk.
  2. Projemizin ön yüzünde görüntülemek istediğimiz içeriği WordPress içinde yazılar, sayfalar vb. olarak oluşturduk.
  3. REST API'yi çalışırken görmek için tarayıcıdaki tüm gönderilerimiz için JSON'u döndürdük.

Tüm bu parçaların birlikte nasıl çalıştığına hakim olduğunuzu hissettiğinizde, ön uçta çalışmaya başlamak için sitenizin arka ucundan ilerleyebilirsiniz.

2. Adım: React'i Kullanarak Uygulamanızın veya Web Sitenizin Ön Ucunu Kurun

Artık 'perde arkası' yönlerini anladınız, uygulamanızın veya web sitenizin kullanıcıların gerçekten göreceği kısmı üzerinde çalışmanız gerekecek. WordPress kullanıcıları için bunu başarmanın popüler bir yolu React'tir:

React Ana Sayfası.

Deneyimsizler için, React (yukarıdaki resimdeki sloganın okuduğu gibi) kullanıcı arayüzleri oluşturmak için bir JavaScript kitaplığıdır. Uygulamanızın veya web sitenizin ön ucunu oluşturan parçalar haline gelen 'bileşenler' adı verilen öğeler oluşturmanıza olanak tanır. Bu, gönderileri, düğmeleri, resimleri veya herhangi bir sayıda başka özellik ve işlevi içerebilir.

Projenizi oluşturmak için göz önünde bulundurmak isteyebileceğiniz birçok başka platform da var, bu yüzden taahhütte bulunmadan önce alışveriş yapın. React'i (veya benzerini) kullanmanın tüm ayrıntıları bu makalenin kapsamı dışındadır. Ancak, ön uçunuzu oluşturmak için bir yönteme karar verdikten sonra, bileşenleri oluşturmaya başlamak için herhangi bir yapılandırmaya dikkat edin.

3. Adım: WordPress Arka Uçunuzu Ön Uçunuza Bağlayın

Şimdiye kadar, WordPress arka ucuna ve React (veya diğer) ön ucuna sahip olmalısınız. Şimdi, WordPress'ten gelen verilerin uygulamanızda veya web sitenizde işlenmesi için birbirleriyle konuşmalarını sağlamanız yeterlidir. WordPress REST API'sinin devreye girdiği yer burasıdır.

API'yi zaten test ettiğiniz ve gönderileriniz ve diğer içerikleriniz için veri döndürebileceğini gördüğünüz için, çalıştığını ve kullanıma hazır olduğunu bilirsiniz. Ardından, WordPress'ten gönderileri almak ve bunları kullanıcı arabiriminizde görüntülemek için REST API'sini kullanan bileşenler oluşturmanız gerekecek.

Minimum kodlama deneyiminiz varsa, işlerin oldukça zorlaşacağı yer burasıdır. Uygulamanızı veya web sitenizi hızlı bir şekilde başlatmayı umuyorsanız, muhtemelen sizin için kurması için bir geliştirici kiralamanız daha iyi olur. Ancak, biraz zaman ayırmaya istekliyseniz, bileşenler üzerinde yavaşça çalışmaya ve ilerledikçe öğrenmeye başlayabilirsiniz.

Geçmişte tüm WordPress gönderilerinizi almak ve bunları bir uygulamada görüntülemek için bir React bileşeninin nasıl oluşturulacağını yazdık. Bu gönderiyi, başlamak için bir alıştırma olarak kullanabilir veya bazı çevrimiçi eğitim kurslarına göz atabilirsiniz.

Tüm içeriğinizi ön ucunuza almak için WordPress REST API'sini kullandıktan sonra, daha fazla (ve giderek daha karmaşık hale gelen) bileşenler oluşturmaya başlayabilir, ardından sitenizin ön ucunu daha fazla özelleştirmeye çalışabilirsiniz - üstelik WordPress'i içerik oluşturmaya ve yönetmeye devam edin.

Çözüm

WordPress REST API söz konusu olduğunda, özellikle minimum kodlama bilgisine sahipseniz kesinlikle bir öğrenme eğrisi vardır. Bununla birlikte, bir kez alıştığınızda, bu özellik WordPress'i kendi uygulamanız veya özel web siteniz için arka uç olarak kullanmak için temel temelinizi genişletmenize yardımcı olabilir.

Bu gönderi, WordPress'i arka uç olarak kullanmak için bazı temel, basitleştirilmiş adımlar sağladı. Bunları hızlıca tekrarlayalım:

  1. İçeriği WordPress'e yükleyin ve REST API'sini test edin.
  2. React'i kullanarak uygulamanızın veya web sitenizin ön ucunu ayarlayın.
  3. WordPress arka ucunu, React ön ucunuza bağlayın.

REST API veya WordPress'i arka uç olarak kullanma hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde onlara sorun!

Makale Küçük Resmi Jesus Sanz / Shutterstock.com