Frontity ialah rangka kerja hadapan baharu yang hangat untuk mencipta laman web WordPress pantas
WordPress telah menjadi sistem pengurusan kandungan yang paling popular sejak sekian lama. Ia bukan sahaja menguasai 30% tapak web di Internet, tetapi ia juga mempunyai komuniti besar penyumbang yang memastikan ekosistem WordPress hidup dan kukuh.
WordPress adalah terutamanya perisian pelayan berasaskan PHP. Terdapat beribu-ribu penambahbaikan dan sambungan tersuai pada WordPress yang kebanyakannya dalam bentuk pemalam berasaskan PHP. Oleh itu, tidak hairanlah terdapat banyak percubaan untuk mengintegrasikan rangka kerja bukan PHP dengan WordPress, terutamanya rangka kerja Javascript yang dengan pantas mengambil alih ruang Frontend dalam pembangunan Web.
Satu rangka kerja sedemikian yang benar-benar mendaki carta ialah rangka kerja React.js untuk WordPress yang dipanggil Frontity. Ia dibangunkan oleh syarikat permulaan yang berpangkalan di Sepanyol. Pembangunan untuk Frontity telah berlangsung selama beberapa tahun. Walau bagaimanapun, ia baru-baru ini membuat berita apabila ia mengumpulkan € 1 juta pusingan yang diketuai oleh syarikat di belakang WordPress, Automattik dan firma modal teroka KFund. Untuk memahami sebab di sebalik ini, pertama sekali adalah penting untuk memahami apakah rangka kerja Frontity, dan apakah faedah yang dibawanya.
Apa itu Frontity?
Sebelum kita belajar tentang Frontity, adalah penting untuk mengetahui seni bina asas WordPress. Seperti yang anda ketahui, WordPress ialah perisian pelayan berasaskan PHP. Ia memerlukan perisian pelayan seperti Apache atau Nginx untuk melayani permintaan, dan perisian pangkalan data seperti MySQL untuk penyimpanan data (Siaran, Halaman, Pengguna, dll.).
Seni Bina WordPress
Sebaik sahaja anda membuka, sebut halaman utama laman web WordPress, ia akan memanggil index.php fail di bahagian belakang, yang akan mengembalikan HTML, CSS dan JS untuk halaman utama yang kemudiannya akan dipaparkan dalam penyemak imbas. Oleh itu, PHP bertindak sebagai Antara Muka Gerbang Biasa (CGI) untuk tapak web dan oleh itu sebarang jenis peningkatan pada bahagian hadapan perlu berasaskan PHP.
Seni Bina Hadapan
Memandangkan Frontity ialah a React-based, mari kita bercakap sedikit tentang React JS dahulu. React ialah rangka kerja Javascript bahagian hadapan yang dibangunkan dan diterbitkan oleh Facebook. Ia sangat popular kerana kemudahannya dalam mencipta UI yang cepat, stabil dan responsif. React berfungsi sebagai modul Node JS dan oleh itu tapak web yang menggunakan React mestilah berdasarkan pelayan Node JS.
Sekarang, jika anda ingin menggunakan rangka kerja Javascript semata-mata seperti React untuk meningkatkan bahagian hadapan, iaitu, mencipta tema tersuai, adalah menyusahkan untuk berbuat demikian. Sebabnya ialah rangka kerja seperti React berfungsi bersama-sama dengan Node, yang memulakan pelayannya sendiri. Dan seperti yang kami nyatakan sebelum ini, WordPress berfungsi dengan pelayan PHP CGI di bahagian belakang. Oleh itu, tidak ada cara mudah untuk membina tema dan UI tersuai menggunakan React untuk WordPress.
Walau bagaimanapun, terdapat cara untuk mendapatkan semula data daripada pangkalan data WordPress dari jauh. Ia boleh dilakukan menggunakan WordPress REST API, yang disepadukan sepenuhnya dalam WordPress teras sejak WP versi 4.7 dan ke atas. Jika kita boleh mengambil data WordPress dari jauh, itu bermakna kita kini boleh memaparkan data yang diambil seperti yang kita mahu. Pengguna telah lama menggunakan API REST untuk membangunkan aplikasi tersuai, halaman web untuk mengakses data WordPress terus daripada pangkalan data. Sistem Pengurusan Kandungan (CMS) jenis ini juga dirujuk sebagai tanpa kepala CMS.
Frontity adalah berdasarkan konsep ini. Ia bersambung ke pangkalan data WordPress melalui REST API, mengurus penghuraian dan mengatur data yang diambil. Ia meninggalkan kepada anda tema yang anda ingin gunakan untuk memaparkan tapak web. Memandangkan ia berdasarkan React, mana-mana tema React boleh digunakan untuk tapak web. Anda juga boleh membangunkan tema tersuai anda jika anda memilihnya. Bahagian hadapan WordPress berasaskan PHP masih akan digunakan oleh pencipta/pentadbir untuk mencipta kandungan atau menukar tetapan. Tetapi bahagian hadapan berasaskan Frontity akan digunakan sebagai halaman utama laman web.
Oleh itu, dalam persediaan Frontity akan ada dua pelayan yang diperlukan: satu ialah pelayan WordPress, yang mempunyai API REST yang aktif dan berjalan serta mengembalikan data WordPress, dan kedua ialah pelayan Node JS yang menjalankan Frontity untuk memanggil API REST dan memaparkan data menggunakan React .
Jalan kehadapan?
Dengan syarikat di sebalik WordPress mengumpul 1 Juta Euro dan React membawa pengalaman pengguna yang kaya kepada WordPress, tidaklah keterlaluan untuk mengatakan bahawa Frontity ialah jalan ke hadapan untuk tapak web berkuasa WordPress moden. UI WordPress akan terus digunakan sebagai papan pemuka untuk mencipta kandungan manakala bahagian paparan akan dialihkan ke pelayan Frontity.
Anda boleh membaca lebih lanjut mengenai Frontity di sini. Jika anda mempunyai laman web WordPress dan ingin mencuba Frontity, anda boleh mengikuti langkah-langkah yang dinyatakan di sini untuk berbuat demikian.