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

推薦文章

地中海的藍色天堂——小鎮濱海托薩(Toss a de Mar)

地中海的藍色天堂——小鎮濱海托薩(Toss a de Mar)

暫別了繁華熱鬧多姿多彩的巴塞隆拿,繼續沿地中海海岸線北上,到了有藍色天堂美譽的海邊小鎮Tossa de Mar 濱海托薩,穿梭於蔚藍大海和中世紀城堡之間! 如果閣下是韓劇迷,看到相片應該感到很…

但願有生之年不會看到第三次世界大戰

但願有生之年不會看到第三次世界大戰

記得約廿年前,我曾寫過一篇「救濟經濟學」,認為當一地發生天災如地震海嘯等等,嚴重波及民生時,別國特別是鄰國會積極提供援助,這並非出於他們的善心,而是存在私心的。 這些鄰國明白,若受難之地民不聊…

你還等甚麼?要入市囉!

你還等甚麼?要入市囉!

原本市場期望特朗普上台後美股和加密貨幣大升的畫面,在過去一季落空了,反而來了個反高潮,除了黃金,各資產市場均跌個七零八落。然而,我認為,大家原本所期待的,終於由本季開始穩步實現,而且資產價格由一個更…

留言 (0)

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

發表留言

您必須登入才能留言。