Skip to main content

REDMADMEDIA 網誌

回前頁
由LAMP Stack 到 JAM Stack ——— 傳統架構前後端之分離 - 當下科技

由LAMP Stack 到 JAM Stack ——— 傳統架構前後端之分離

· · 專欄: 當下科技

傳統網站的堆疊方法「LAMP Stack」,是前後端程式也在同一頁面上(試想想index.php 這頁面),然後放在伺服器等待使用者透過瀏覧器作出頁面的要求。當使用者開啟 Web 的某網站時,伺服器會產生顯示相關HTML 之頁面,然後將這些頁面傳送給使用者。

這個過程是相當緩慢的,在使用者可以檢視這些頁面之前,他們必須等待後端應用程式執行和產生 HTML,以及等待 HTML 到達他們的裝置。

JAM Stack 在這方面改善了速度,為使用者帶來更快的使用者體驗和為開發者帶來更簡單的建置網站的方法。

J 代表JavaScript,是 Web 應用的程式設計語言。

A 代表API(應用程式程式設計介面),是一種從第三方應用程式要求資料的方法。

M 代表Markup ,是為瀏覽器提供格式化指令的代碼(HTML 和 CSS)。

在 JAMstack Web 應用程式中,會預先建立好HTML 和 CSS 標記代碼,所謂靜態頁面,並儲存在已設定的侍服器或內容傳遞網路 (CDN) 中;不同於在伺服器端執行一個單一的後端應用程式,如PHP或Python來產生動態內容,此類應用程式的動態元件是基於 API,而JavaScript 則負責呼叫 API。

比方說,使用 JAMstack 方法建置Web 應用程式,開發者不用編寫整個後端應用程式,而是建立了一系列靜態且輕量級的 HTML 頁面,並將其儲存在 CDN 中。當使用者開啟應用程式時,CDN 會立即將相應的 HTML 頁面交付給使用者,因為 CDN 比網站的伺服器更接近使用者,再配合呼叫 API 來渲染動態資料,載入的速度較快。

而從開發者角度看,亦省卻了大量編寫後端程式代碼的工作。

近十多年,網站的建置,前後端分離已愈來普及,多少因為流動裝置的出現,令網站、手機和平板電腦可呼叫相同的API,共享相同的數據庫。

0 likes

推薦文章

Pipenv在建置Python虛擬環境的優勢

Pipenv在建置Python虛擬環境的優勢

在建置大型python 專案時,我們往往為避免程式版本的汚染而先建立虛擬環境,而方法主要透過pipenv 或virtualenv ,以下是使用 Pipenv 而非 virtualenv 的主要優點:…

港股今天難逃跌勢(21/11/2025)

港股今天難逃跌勢(21/11/2025)

如我昨早文章所估計,大市並沒有因Nvidia 中規中矩的財季表現(何來超出預期,我不覺!)而轉勢,還跌得深一些。都說了,美市至少要跌至感恩節前後,才能停下來。 Nvidia 愈先進的GPU,甚…

開國宴清燉獅子頭升級版!5道新派家宴吃出五星紅旗儀式感

開國宴清燉獅子頭升級版!5道新派家宴吃出五星紅旗儀式感

今天是國慶日,當煙花匯演的花火點亮夜空時,我們不防於家宴上用舌尖去重溫歷史!這桌家宴就是:開國第一宴的獅子頭、醬色如國旗的京醬肉絲、象徵五穀豐登的雜糧盅... 每道菜都蘊藏著家國記憶,蒸炒之間,吃出…

留言 (0)

還沒有留言,成為第一個留言的人吧!

發表留言

您必須登入才能留言。