Statik vs Dinamik vs Jamstack: Di mana ' s garis?

Pemaju sering membincangkan laman web "statik" versus "dinamik", dan istilah jamStack juga biasa digunakan. Apakah maksud istilah ini, dan di mana garis pemisah antara tapak "statik" dan tapak jamur atau tapak dinamik? Soalan -soalan yang seolah -olah mudah ini mempunyai jawapan yang bernuansa. Mari kita menyelidiki konsep -konsep ini untuk lebih memahami Jamstack.

Menentukan sempadan

Pertimbangkan perbezaan antara kerusi dan bangku. Kebanyakan akan mengatakan kerusi mempunyai empat kaki dan belakang, manakala bangku mempunyai tiga kaki dan tidak ada belakang.

Tetapi bagaimana dengan reka bentuk yang mengaburkan garis?

Lebih banyak kerusi seperti bangku menjadi, kurang jelas dipotong perbezaan. Akhirnya, kebanyakan akan bersetuju ia adalah bangku, bukan kerusi. Latihan yang seolah -olah remeh ini menyoroti kepentingan menentukan sempadan. Ia membantu kita memahami batas dan kelabu. Pada akhirnya, walaupun penyokong kerusi kuat akan mengakui titik di mana objek itu jelas merupakan bangku.

Walaupun kerusi menarik, artikel ini memberi tumpuan kepada teknologi penghantaran laman web. Mari kita gunakan latihan yang sama ke laman web statik, dinamik, dan jamStack.

Gambaran keseluruhan peringkat tinggi

Apabila mengakses laman web, beberapa proses di belakang layar berlaku:

1. Penyemak imbas anda melakukan carian DNS untuk menterjemahkan nama domain ke dalam alamat IP.
2. Ia meminta fail HTML dari alamat IP tersebut.
3. Webserver mengembalikan fail yang diminta.
4. Semasa rendering halaman, penyemak imbas mungkin menghadapi rujukan kepada aset (CSS, JavaScript, imej). Ia kemudian meminta aset ini.
5. Kitaran ini berulang sehingga penyemak imbas mempunyai semua fail yang diperlukan. Laman web tunggal sering membuat 50 permintaan.

Secara kritis, respons webserver kepada setiap permintaan sentiasa fail statik, walaupun di laman web dinamik. Fail -fail ini boleh disimpan atau dikongsi seperti fail lain.

Perbezaan antara laman web statik dan dinamik terletak pada apa yang dilakukan oleh webserver . Di tapak statik, fail yang diminta sudah ada; Pelayan hanya mengembalikannya. Dalam tapak dinamik, perisian menjana respons. Ini mungkin melibatkan pertanyaan pangkalan data, pemprosesan templat, atau menambah cap waktu. Generasi ini berlaku untuk setiap permintaan.

Ini adalah perbezaan asas antara laman web statik dan dinamik.

Kedudukan Jamstack

Laman web statik mempunyai batasan. Walaupun sangat baik untuk laman maklumat, mereka sememangnya kekurangan kandungan atau tingkah laku yang dinamik. Jamstack menjembatani jurang antara statik dan dinamik. Ia memanfaatkan kelebihan tapak statik sambil membolehkan fungsi dinamik di mana diperlukan.

"Stack" di Jamstack adalah salah faham. Ia bukan timbunan tetapi falsafah yang serupa dengan 5 tiang AWS rangka kerja yang baik. Kekaburan ini telah mencetuskan banyak perbincangan mengenai maknanya.

Memahami Jamstack

Jamstack adalah superset tapak statik. Untuk memahaminya, mari kita periksa asal -usulnya.

Pada tahun 2002, catatan blog Aaron Swartz "Bake, Do not Fry" menekankan manfaat laman web statik, yang mencabar batasan. Beliau menekankan kelebihan penyelenggaraan yang lebih mudah, sandaran yang lebih mudah, dan kemerdekaan platform.

Sepanjang sejarah, kekecewaan yang sama memicu perkembangan teknologi berkaitan jamstack:

• MovableType menangani masalah prestasi dan kestabilan dengan CMSS blog sedia ada.
• Jekyll bertujuan untuk memudahkan blog, mengelakkan kerumitan WordPress dan Mephisto.
• Hugo mengutamakan prestasi atas penulisan kandungan dalam reka bentuknya.

Tema berulang dalam alat-alat Jamstack awal termasuk kerumitan yang dikurangkan, prestasi yang lebih baik, pengurangan vendor yang dikurangkan, dan aliran kerja pemaju yang lebih baik.

Sepanjang dua dekad yang lalu, evolusi JavaScript dan kebangkitan mikroservis mencipta pendekatan baru: decoupling front-ends statik dari back-ends dinamik.

Pada tahun 2015, Mathias Biilmann mencipta "Jamstack" untuk menggambarkan pendekatan moden ini, mengatasi batasan istilah "laman web statik." Ini menghidupkan semula teknologi statik yang lebih lama dan mendorong mereka ke had baru. Faedah pendekatan Jamstack membawa kepada pertumbuhan pesatnya.

Tiga belas tahun sebelum Jamstack, Aaron Swartz menganjurkan untuk memisahkan input (yang memerlukan pemprosesan dinamik) dari output (yang boleh diberi pra-diberikan). Ini decoupling front-end dan back-end, dengan pra-penanaman di mana mungkin dan fungsi dinamik berlapis seperti yang diperlukan, adalah intipati jamStack.

Kelebihan Jamstack di atas tapak dinamik berpunca dari enam tiangnya:

Keselamatan

Bahagian bergerak yang lebih sedikit mengurangkan permukaan serangan.

Skalabiliti

Kandungan statik dengan mudah skala melalui CDN.

Prestasi

Penghantaran CDN dengan ketara meningkatkan kelajuan beban halaman.

Mengekalkan

Laman web statik sememangnya lebih mudah untuk dikekalkan.

Mudah alih

Laman statik mudah dipindah milik antara pelayan.

Pengalaman pemaju

Integrasi lancar dengan aliran kerja Git.

Perbandingan Chris tentang Jamstack dan WordPress, dan analisisnya dalam "Statik atau Tidak?", Selanjutnya meneroka perkara ini.

Mari kita gunakan tiang -tiang ini untuk menilai kes penggunaan jamStack.

Tepi statik dan pidstack

Setelah menubuhkan asas -asas, mari kita periksa sempadan setiap definisi. Kami akan mengkategorikan kes kelebihan kepada empat kumpulan:

• Ketat statik: mematuhi sepenuhnya definisi statik.
• Kebanyakannya statik: Walaupun tidak sempurna statik, kebanyakan akan menganggapnya statik.
• Jamstack: Sebuah bahagian depan statik dipadamkan dari belakang yang dinamik.
• Dinamik: Memberi halaman atas permintaan.

Banyak kes boleh jatuh ke dalam pelbagai kategori; Kami akan menggunakan klasifikasi yang paling ketat.

Interaksi JavaScript

Tapak statik dengan tayangan slaid imej berkuasa JavaScript kekal statik; Semua interaksi berlaku dalam penyemak imbas.

Kuki

Tapak statik yang menambah sepanduk berdasarkan kuki tetap statik.

Aset luaran

Memuatkan imej atau JavaScript dari sumber luaran yang dinamik biasanya dianggap statik, walaupun tegas, tidak.

iframes

Kandungan embedding melalui iframes (contohnya, peta Google) biasanya dianggap statik, walaupun sifat dinamik kandungan tertanam.

Bentuk

Borang di tapak statik menjadi dinamik apabila penyerahan data memerlukan back-end. Perbezaan bergantung kepada sama ada perkhidmatan penyerahan borang dianggap sebagai bahagian teras laman web.

Permintaan Ajax

Permintaan Ajax, terutamanya untuk back-ends dinamik, tolak tapak di luar statik ke wilayah Jamstack.

E -dagang tertanam

Perkhidmatan yang membolehkan e -dagang di tapak statik biasanya menggunakan permintaan AJAX, meletakkannya dalam kategori Jamstack.

Aplikasi halaman tunggal (SPA)

Spa, bergantung pada Ajax, sememangnya dinamik dan jamur.

Ajax panggilan ke fungsi tanpa pelayan

Jenis back-end (Serverless, Kubernetes, PHP) kurang penting daripada decoupling front-end dan back-end; Ini adalah Jamstack.

Proksi terbalik

Proksi terbalik tidak sememangnya membuat tapak statik dinamik, selagi fail tetap tidak berubah.

Cdn

CDN, bertindak sebagai proksi terbalik, tidak mengubah sifat statik tapak.

CDN dengan tamat tempoh cache yang panjang

CDN di hadapan tapak dinamik, walaupun dengan cache yang panjang, tetap dinamik kerana generasi atas permintaan awal dan pembatalan cache yang berpotensi.

WordPress dengan output statik

Menggunakan alat seperti WP2Static untuk menjana output statik dari WordPress mewujudkan laman web statik.

Pengkomputeran tepi

Fungsi kelebihan boleh menambah tajuk (statik) atau memanipulasi HTML (dinamik), mengaburkan garis. Manipulasi HTML yang meluas menolaknya ke dalam alam dinamik.

Rendering berterusan yang diedarkan (DPR)

DPR, sambil meningkatkan aliran kerja jamStack, pada dasarnya dinamik kerana generasi halaman atas permintaan.

Regenerasi statik tambahan (ISR)

Sama seperti DPR, generasi halaman atas permintaan ISR mengklasifikasikannya sebagai dinamik.

CMS fail rata

CMSS fail rata, sambil menghapuskan pangkalan data, masih memberi respons secara dinamik.

Kesimpulan

Memeriksa kes -kes kelebihan ini menjelaskan sempadan statik dan jamur. Matlamatnya bukan pematuhan dogmatik tetapi memahami perdagangan. Sebuah laman web mungkin terutamanya jamStack dengan unsur -unsur dinamik; Ini boleh diterima dengan sempurna. Lebih dekat dengan statik, lebih baik prestasi, keselamatan, dan skalabiliti. Perbincangan ini berterusan, dan pemahaman perdagangan adalah kunci.

Atas ialah kandungan terperinci Statik vs Dinamik vs Jamstack: Di mana ' s garis?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!