Aplikasi JavaScript isomorfik

3

Salah satu motto yang paling terkenal di sekitar web ialah Java's tulis sekali, jalankan di mana -mana

. Tetapi adakah moto ini hanya berlaku untuk Java? Bolehkah kita menggunakannya untuk menggambarkan JavaScript juga? Jawapannya adalah ya.

Dalam artikel ini, saya akan memperkenalkan anda kepada konsep aplikasi JavaScript isomorphic

, menerangkan apa yang mereka dan menunjuk kepada sumber yang membantu anda membangunkan aplikasi seperti ini.

bagaimana kami tiba di sini bertahun -tahun yang lalu, web adalah sekumpulan halaman statik yang dibuat dengan HTML dan CSS tanpa banyak interaktiviti. Setiap tindakan pengguna memerlukan pelayan untuk membuat dan melayani halaman lengkap. Terima kasih kepada JavaScript, pemaju mula mencipta kesan yang baik, tetapi dengan kedatangan Ajax bahawa revolusi bermula. Pemaju web mula menulis kod yang boleh berkomunikasi dengan pelayan untuk menghantar dan menerima data tanpa perlu memuatkan semula halaman.

Seperti tahun-tahun telah berlalu, tanggungjawab kod klien telah berkembang banyak, menghasilkan jenis aplikasi baru yang dikenali sebagai aplikasi tunggal (SPA). Dalam spa, semua aset yang diperlukan diambil dengan beban halaman tunggal, atau dimuat secara dinamik dan ditambah ke halaman yang diperlukan. Beberapa contoh spa adalah gmail dan editor stackedit.

SPA membolehkan interaktiviti yang lebih baik, kerana hampir semua operasi mereka dilaksanakan pada pelanggan, menjaga komunikasi dengan pelayan untuk minimum. Malangnya, mereka juga mempunyai beberapa masalah besar. Mari kita bincangkan sebahagian daripada mereka.

Prestasi

Kerana spa memerlukan lebih banyak kod klien daripada halaman statik, jumlah data yang dimuat turun meningkat. Ini membawa kepada masa pemuatan awal yang lebih perlahan, yang boleh membawa kesan drastik - seperti pengguna akhir yang kecewa dan kehilangan pendapatan. Menurut satu artikel Microsoft -

Kajian Bing mendapati bahawa kenaikan 10ms dalam masa beban halaman kos tapak $ 250k dalam pendapatan setiap tahun.

seo

Kerana aplikasi satu halaman bergantung pada pelaksanaan JavaScript, pelayan tidak menghasilkan semua kandungan HTML yang mereka gunakan. Oleh itu, crawler web mempunyai banyak kesukaran mengindeks halaman. Crawler ini adalah program yang membuat permintaan ke pelayan web dan menganalisis hasilnya sebagai teks mentah, tanpa menafsirkan dan melaksanakan kandungan seperti pelayar biasa yang menjalankan JavaScript akan dilakukan. Baru-baru ini, Google memperbaiki crawler webnya supaya ia dapat berfungsi dengan halaman berasaskan JavaScript, tetapi bagaimana pula dengan Bing, Yahoo, dan semua enjin carian yang lain? Pengindeksan yang baik adalah penting bagi mana -mana perniagaan, kerana ia biasanya membawa kepada lebih banyak lawatan dan pendapatan yang lebih tinggi.

Aplikasi JavaScript isomorfik

Aplikasi JavaScript isomorfik adalah aplikasi yang ditulis dalam JavaScript yang boleh dijalankan pada klien dan pelayan. Oleh kerana itu, anda boleh menulis kod sekali dan kemudian melaksanakannya pada pelayan untuk menjadikan halaman statik dan pada klien untuk membolehkan interaksi cepat. Oleh itu, pendekatan ini mengambil yang terbaik dari dua dunia dan membolehkan anda mengelakkan kedua -dua isu yang diterangkan sebelum ini.

Hari ini terdapat beberapa rangka kerja yang membantu anda dalam membangunkan aplikasi seperti ini. Salah satu daripada mereka-mungkin yang paling terkenal-adalah meteor. Meteor adalah rangka kerja JavaScript sumber terbuka, yang ditulis di atas Node.js, yang memberi tumpuan kepada aplikasi web masa nyata. Satu lagi projek yang ingin saya sebutkan ialah Rendr. Ia adalah sebuah perpustakaan kecil yang dibangunkan oleh Airbnb yang membolehkan anda menjalankan aplikasi Backbone.js pada kedua -dua klien dan pelayan.

Lebih banyak syarikat mengadopsi node.js untuk produk mereka. Kod perkongsian antara klien dan pelayan menjadi pilihan yang lebih biasa dan semulajadi, dan pada pendapat saya adalah masa depan pembangunan web. Trend ini dipertingkatkan dengan berkongsi templat melalui perpustakaan seperti React.

Kesimpulan

Dalam artikel ini saya telah memperkenalkan anda kepada konsep aplikasi JavaScript isomorfik, pendekatan baru untuk membangunkan aplikasi yang menggabungkan yang terbaik dari pengaturcaraan sisi pelayan dan klien. Kami juga membincangkan masalah pendekatan ini untuk menyelesaikannya, dan beberapa projek yang boleh anda gunakan hari ini untuk merangkul falsafah ini.

Sekiranya anda sudah mendengar aplikasi JavaScript isomorfik? Adakah anda telah membangunkan satu? Apa pengalaman anda?

soalan yang sering ditanya mengenai aplikasi JavaScript isomorfik

Apakah manfaat utama menggunakan JavaScript isomorfik? Pertama, ia memberikan pengalaman pengguna yang lancar dengan memberikan halaman pada pelayan, yang lebih cepat daripada penyampaian klien. Ini menghasilkan beban halaman yang lebih cepat, meningkatkan penglibatan dan kepuasan pengguna. Kedua, ia meningkatkan prestasi SEO sebagai crawler enjin carian dengan mudah boleh mengindeks halaman yang diberikan pelayan. Akhir sekali, ia membolehkan pemaju menggunakan kod yang sama pada kedua -dua pelayan dan klien, mengurangkan kerumitan asas dan menjadikannya lebih mudah untuk mengekalkan dan debug. 🎜> Aplikasi JavaScript tradisional memberikan kandungan pada sisi klien, yang boleh mencabar untuk crawler enjin carian untuk indeks. JavaScript isomorphic, sebaliknya, menjadikan halaman di sisi pelayan, menjadikan kandungannya tersedia untuk crawler. Ini meningkatkan keterlihatan laman web pada halaman hasil enjin carian, yang membawa kepada peningkatan trafik organik.

boleh JavaScript isomorfik digunakan dengan mana-mana kerangka JavaScript? Ini termasuk kerangka popular seperti React, Sudut, dan Vue.Js. Walau bagaimanapun, butiran pelaksanaan mungkin berbeza -beza bergantung kepada rangka kerja tertentu. . Ini termasuk peningkatan kerumitan dalam pengurusan kod, isu-isu prestasi yang berpotensi disebabkan oleh penyampaian sisi pelayan, dan keperluan pemaju mempunyai pemahaman yang mendalam tentang persekitaran sisi klien dan pelayan. Pengalaman Pengguna?

JavaScript isomorfik meningkatkan pengalaman pengguna dengan menyediakan beban halaman yang lebih cepat. Oleh kerana halaman -halaman yang diberikan pada pelayan, mereka dihantar kepada penyemak imbas pengguna yang terbentuk sepenuhnya, mengurangkan masa yang diperlukan untuk halaman menjadi interaktif. Ini mengakibatkan pengalaman pengguna yang lebih lancar dan lebih menarik. Kedua-duanya merujuk kepada aplikasi JavaScript yang boleh dijalankan di sisi klien dan sisi pelayan. Jalankan kedua-dua klien dan sisi pelayan. Ini bermakna bahawa kod yang sama boleh digunakan semula di pelbagai bahagian aplikasi, mengurangkan jumlah kod yang perlu ditulis dan dikekalkan. Masa depan JavaScript isomorfik kelihatan menjanjikan. Dengan permintaan yang semakin meningkat untuk aplikasi web yang berprestasi tinggi, lebih mesra SEO, semakin banyak pemaju beralih kepada JavaScript isomorfik. Tambahan pula, dengan peningkatan kerangka JavaScript yang berterusan yang menyokong penyampaian pelayan, kemungkinan bahawa penggunaan javascript isomorfik akan terus berkembang. JavaScript boleh bekerja dengan API dengan cara yang sama seperti JavaScript tradisional. Perbezaannya ialah dengan JavaScript isomorfik, panggilan API boleh dibuat sama ada dari sisi klien atau sisi pelayan, bergantung pada tempat kod berjalan. 🎜>

Walaupun JavaScript isomorfik digunakan terutamanya untuk pembangunan aplikasi web, ia juga boleh digunakan untuk pembangunan aplikasi mudah alih. Rangka kerja seperti React Native membolehkan pemaju menulis kod JavaScript isomorfik yang boleh dijalankan di kedua -dua platform web dan mudah alih.

Atas ialah kandungan terperinci Aplikasi JavaScript isomorfik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!