Frontity, hızlı WordPress web siteleri oluşturmak için sıcak yeni ön uç çerçevesidir
WordPress, uzun zamandır en popüler içerik yönetim sistemi olmuştur. İnternetteki web sitelerinin %30'undan fazlasını güçlendirmekle kalmaz, aynı zamanda WordPress ekosistemini canlı ve güçlü tutan büyük bir katkıda bulunanlar topluluğuna sahiptir.
WordPress, öncelikle PHP tabanlı bir sunucu yazılımıdır. WordPress'te, çoğunlukla PHP tabanlı eklentiler biçiminde olan binlerce özel geliştirme ve uzantı vardır. Bu nedenle, PHP olmayan çerçeveleri WordPress ile, özellikle de Web geliştirmede Ön Uç alanını hızla devralan Javascript çerçeveleri ile entegre etmek için pek çok girişimde bulunulması şaşırtıcı değildir.
Çizelgeleri gerçekten tırmandıran böyle bir çerçeve, WordPress için Frontity adlı bir React.js çerçevesidir. İspanya merkezli bir girişim tarafından geliştirilmiştir. Frontity için Geliştirme birkaç yıldır devam ediyor. Ancak son zamanlarda WordPress'in arkasındaki şirket tarafından yönetilen 1 milyon € 'luk bir tur toplayınca haber yaptı, otomatik ve risk sermayesi şirketi KFund. Bunun arkasındaki nedeni anlamak için öncelikle Frontity çerçevesinin ne olduğunu ve ne gibi faydalar sağladığını anlamak önemlidir.
Frontity nedir?
Frontity hakkında bilgi edinmeden önce, WordPress'in temel mimarisini bilmek önemlidir. Bildiğiniz gibi WordPress PHP tabanlı bir sunucu yazılımıdır. İstekleri yerine getirmek için Apache veya Nginx gibi bir sunucu yazılımına ve verilerin (Mesajlar, Sayfalar, Kullanıcılar, vb.) depolanması için MySQL gibi bir veritabanı yazılımına ihtiyaç duyar.
WordPress Mimarisi
Açtığınızda, WordPress web sitesinin ana sayfasını söyleyin, arayacaktır. index.php ana sayfa için HTML, CSS ve JS'yi döndürecek olan ve daha sonra tarayıcıda görüntülenecek olan arka uçtaki dosya. Bu nedenle, PHP web sitesi için bir Ortak Ağ Geçidi Arayüzü (CGI) görevi görür ve bu nedenle ön uçtaki her türlü geliştirmenin PHP tabanlı olması gerekir.
cephe mimarisi
Frontity bir React-based framework, önce biraz React JS hakkında konuşalım. React, Facebook tarafından geliştirilen ve yayınlanan bir ön uç Javascript çerçevesidir. Hızlı, kararlı, duyarlı UI'ler oluşturmadaki kullanışlılığı nedeniyle son derece popülerdir. React, bir Node JS modülü olarak çalışır ve bu nedenle React kullanan bir web sitesi, bir Node JS sunucusuna dayalı olmalıdır.
Şimdi, ön ucu geliştirmek, yani özel temalar oluşturmak için React gibi tamamen bir Javascript çerçevesi kullanmak istiyorsanız, bunu yapmak zahmetlidir. Bunun nedeni, React gibi bir çerçevenin, kendi sunucusunu başlatan Node ile birlikte çalışmasıdır. Ve daha önce de belirttiğimiz gibi, WordPress arka uçta bir PHP CGI sunucusuyla çalışır. Bu nedenle, React for WordPress kullanarak özel temalar ve kullanıcı arayüzleri oluşturmanın kolay bir yolu yoktur.
Ancak, WordPress veritabanından uzaktan veri almanın bir yolu vardır. WP sürüm 4.7 ve üzeri sürümlerden bu yana temel WordPress'e tamamen entegre olan WordPress REST API kullanılarak yapılabilir. WordPress verilerini uzaktan getirebilirsek, bu, alınan verileri artık istediğimiz gibi görüntüleyebileceğimiz anlamına gelir. Kullanıcılar, WordPress verilerine doğrudan veritabanından erişmek için özel uygulamalar, web sayfaları geliştirmek için uzun süredir REST API'sini kullanıyor. Bu tür İçerik Yönetim Sistemleri (CMS) olarak da anılır. başsız İYS.
Frontity tam da bu kavram üzerine kuruludur. REST API aracılığıyla bir WordPress veritabanına bağlanır, alınan verilerin ayrıştırılması ve düzenlenmesi ile ilgilenir. Web sitesini görüntülemek için hangi temayı kullanmak istediğinizi size bırakır. React tabanlı olduğundan, web sitesi için herhangi bir React teması kullanılabilir. İsterseniz özel temanızı da geliştirebilirsiniz. WordPress'in PHP tabanlı ön ucu, içerik oluşturmak veya ayarları değiştirmek için içerik oluşturucular/yöneticiler tarafından kullanılmaya devam edecektir. Ancak Frontity tabanlı ön uç, web sitesinin ana sayfası olarak kullanılacaktır.
Bu nedenle, bir Frontity kurulumunda gerekli olan iki sunucu olacaktır: biri, REST API'nin çalışır durumda olduğu ve WordPress verilerini döndürdüğü WordPress sunucusudur ve ikincisi, REST API'sini çağırmak ve React kullanarak verileri görüntülemek için Frontity'yi çalıştıran Node JS sunucusudur. .
İleriye Giden Yol?
WordPress'in arkasındaki şirket 1 Milyon Euro yükselterek ve React'in WordPress'e zengin bir kullanıcı deneyimi getirmesiyle, Frontity'nin günümüzün WordPress destekli web siteleri için ileriye giden yol olduğunu söylemek abartı olmaz. WordPress UI, içerik oluşturmak için bir gösterge panosu olarak kullanılmaya devam ederken, görüntüleme kısmı Frontity sunucusuna kaydırılacaktır.
Frontity hakkında daha fazla bilgiyi buradan okuyabilirsiniz. Bir WordPress web siteniz varsa ve Frontity'yi denemek istiyorsanız, bunun için burada belirtilen adımları takip edebilirsiniz.