1. NCCU Academic Hub
  2. Publications
  3. College of Communication
  4. Theses
  5. Item

Publications-Theses

Article View/Open

Publication Export

Google ScholarTM

NCCU Library

Citation Infomation

Related Publications in TAIR

題名 探討 Jamstack 架構對 Web 電子商務應用程式的適用性
Exploring the Applicability of Jamstack Architecture for Web- based E-Commerce Applications
作者 葉呈妍
Yeh, Cheng-Yen
貢獻者 廖峻鋒<br>許志堅
葉呈妍
Yeh, Cheng-Yen
關鍵詞 Web 架構
前端繪製
Web 應用程式開發
Jamstack
Web Architecture
Front-end Rendering
Web Application Development
日期 2025
上傳時間 1-Jul-2025 14:01:16 (UTC+8)
摘要 在數位化轉型加速的趨勢下，電子商務網站已成為現代商業的重要基礎，其 對於網站效能、搜尋引擎優化(SEO)與系統穩定性的要求亦日益提升。這些需 求促使開發者在架構選擇上，必須在各方面之間取得平衡。近年來，前端繪製方 式的發展，如客戶端繪製(CSR)、伺服器端繪製(SSR)、靜態網站生成(SSG) 與增量靜態再生(ISR)，為網站開發提供了多元選擇。其中，結合 SSG 與 API 設計的 Jamstack 架構，被認為能兼顧效能、SEO 與伺服器負載，因而逐漸受到 關注。然而，Jamstack 架構是否適用於相較靜態網站具有較高互動性與頻繁資料 變動的電子商務應用，仍缺乏實證性研究進行驗證。 因此，本研究以 jpetstore 電子商務網站為實作案例，將其從原先基於 MVC 架構的系統重構為 Jamstack 架構，並透過模擬使用者操作情境，設計三項實驗， 比較兩種架構在系統效能、前端效能與 SEO 表現，以及後端資源使用上的差異。 本研究預期可實證 Jamstack 架構在電子商務應用中的適用性與限制，補足 現有文獻中缺乏針對具體應用場景進行實務驗證的不足，並為開發者在網站架構 選擇上提供更具依據的參考方向。
參考文獻 [1] Bilgaiyan, S., Singh, J., & Das, H. (2022). Empirical research for futuristic e-commerce systems: Foundations and applications. Springer. [2] Blancaflor, E. B., & Samonte, S. A. (2023). An analysis and comparison of proprietary and open-source software for building e-commerce website: A case study. Journal of Advances in Information Technology, 14(3). [3] Sreedhar, G. (2018). A framework to improve performance of e-commerce websites. In Advances in E-Business Research Series. IGI Global. [4] Mittal, M. K., Kirar, N., & Meena, J. (2018). Implementation of search engine optimization: Through white hat techniques. In Proceedings of the IEEE 2018 International Conference on Advances in Computing, Communication Control and Networking (ICACCCN 2018). IEEE. https://doi.org/10.1109/ICACCCN.2018.8748337 [5] Peng, T., Sun, L., & Bao, H. (2010). Design and implementation of ATM simulation system based on MVC pattern. In 2010 International Conference on Educational and Information Technology. IEEE. https://doi.org/10.1109/ICEIT.2010.5607693 [6] Ollila, R., Mäkitalo, N., & Mikkonen, T. (2022). Modern web frameworks: A comparison of rendering performance. Journal of Web Engineering, 21(3), 789– 814. https://doi.org/10.13052/jwe1540-9589.21 [7] JAMStack Home. JAMStack organization; Available from: https://jamstack.org [8] Markovic, D., Scekic, M., Bucaioni, A., & Cicchetti, A. (2022). Could Jamstack be the future of web applications architecture? An empirical study. Proceedings of the ACM Symposium on Applied Computing, 1872 – 1881. [9] Nambiar, R. (2005). Java Petstore: A case study (Ph.D. dissertation). Kansas State University. [10] A. Shatnawi, H. Mili, G. El Boussaidi, A. Boubaker, Y.-G. Guéhéneuc, N. Moha, J. Privat, and M. Abdellatif, “Analyzing program dependencies in Java EE applications,” in 2017 IEEE/ACM 14th International Conference on Mining Software Repositories (MSR). IEEE, 2017, pp. 64–74. https://doi.org/10.1109/MSR.2017.6 [11] Bartuskova, A., Krejcar, O., & Kuca, K. (2015). Evolutionary approach of general system theory applied on web applications analysis. In Lecture Notes in Electrical Engineering. https://doi.org/10.1007/978-3-319-07674-4_41 [12] Camden, R., & Rinaldi, B. (2022). The Jamstack book: Beyond static sites with JavaScript, APIs, and markup. Manning Publications. [13] Da Silva, W. O., & Farah, P. R. (2018). Characteristics and performance assessment of approaches pre-rendering and isomorphic JavaScript as a complement to SPA architecture. In ACM International Conference Proceeding Series. https://dl.acm.org/doi/10.1145/3267183.3267190 [14] Sg, N. K., Madugundu, P. K., Bose, J., & Mogali, S. C. S. (2016). A hybrid web rendering framework on cloud. In Proceedings of the 2016 IEEE International Conference on Web Services (ICWS). IEEE. DOI: 10.1109/ICWS.2016.83 [15] Thakkar, M. (2020). Building React apps with server-side rendering: Use React, Redux, and Next to build full server-side rendering applications. Apress. https://doi.org/10.1145/3477314.3506991 [16] Zammetti, F. (2020). Practical JAMstack: Blazing fast, simple, and secure web development, the modern way. Apress. [17] Cashmore, S. (2022). Beginning Azure Static Web Apps: Building and deploying dynamic web applications with Blazor. Apress. [18] Tong, J., Jikson, R. R., & Gunawan, A. A. S. (2023). Comparative performance analysis of JavaScript frontend web frameworks. In Proceedings of the 2023 3rd International Conference on Electronic and Electrical Engineering and Intelligent System: Responsible Technology for Sustainable Humanity (ICE3IS 2023). IEEE. DOI: 10.1109/ICE3IS59323.2023.10335250 70 [19] Google Lighthouse overview. Chrome Developers; Available from: https://developer.chrome.com/docs/lighthouse/overview [20] Hoang, T. (2020). JAMStack Continuous Integration and Continuous Deployment with CircleCI and Netlify. [21] Orosz, E. (2020). Modern Web Development with JAMsatck.
描述 碩士
國立政治大學
數位內容碩士學位學程
112462007
資料來源 http://thesis.lib.nccu.edu.tw/record/#G0112462007
資料類型 thesis
dc.contributor.advisor 廖峻鋒<br>許志堅zh_TW
dc.contributor.author (Authors) 葉呈妍zh_TW
dc.contributor.author (Authors) Yeh, Cheng-Yenen_US
dc.creator (作者) 葉呈妍zh_TW
dc.creator (作者) Yeh, Cheng-Yenen_US
dc.date (日期) 2025en_US
dc.date.accessioned 1-Jul-2025 14:01:16 (UTC+8)-
dc.date.available 1-Jul-2025 14:01:16 (UTC+8)-
dc.date.issued (上傳時間) 1-Jul-2025 14:01:16 (UTC+8)-
dc.identifier (Other Identifiers) G0112462007en_US
dc.identifier.uri (URI) https://nccur.lib.nccu.edu.tw/handle/140.119/157628-
dc.description (描述) 碩士zh_TW
dc.description (描述) 國立政治大學zh_TW
dc.description (描述) 數位內容碩士學位學程zh_TW
dc.description (描述) 112462007zh_TW
dc.description.abstract (摘要) 在數位化轉型加速的趨勢下，電子商務網站已成為現代商業的重要基礎，其 對於網站效能、搜尋引擎優化(SEO)與系統穩定性的要求亦日益提升。這些需 求促使開發者在架構選擇上，必須在各方面之間取得平衡。近年來，前端繪製方 式的發展，如客戶端繪製(CSR)、伺服器端繪製(SSR)、靜態網站生成(SSG) 與增量靜態再生(ISR)，為網站開發提供了多元選擇。其中，結合 SSG 與 API 設計的 Jamstack 架構，被認為能兼顧效能、SEO 與伺服器負載，因而逐漸受到 關注。然而，Jamstack 架構是否適用於相較靜態網站具有較高互動性與頻繁資料 變動的電子商務應用，仍缺乏實證性研究進行驗證。 因此，本研究以 jpetstore 電子商務網站為實作案例，將其從原先基於 MVC 架構的系統重構為 Jamstack 架構，並透過模擬使用者操作情境，設計三項實驗， 比較兩種架構在系統效能、前端效能與 SEO 表現，以及後端資源使用上的差異。 本研究預期可實證 Jamstack 架構在電子商務應用中的適用性與限制，補足 現有文獻中缺乏針對具體應用場景進行實務驗證的不足，並為開發者在網站架構 選擇上提供更具依據的參考方向。zh_TW
dc.description.tableofcontents 摘要..... iii 目錄..... iv 圖目錄..... vi 表目錄..... viii 第一章 緒論..... 1 第一節 研究背景與動機..... 1 第二節 研究目標與問題..... 5 第三節 預期貢獻和研究流程..... 7 第二章 文獻探討..... 9 第一節 Web 應用開發方式的演變 ..... 9 第二節 前端繪製方式..... 11 第三節 Jamstack 架構 ..... 13 第四節 靜態網站生成器的選擇..... 16 第五節 相關研究之差異..... 18 第三章 研究方法..... 19 第一節 jpetstore 原始系統架構介紹.....20 第二節 Jamstack 架構設計 ..... 23 第三節 k6 測試與腳本撰寫範例..... 29 第四節 前端測試指標定義..... 31 第四章 實驗與討論..... 35 第一節 系統效能實驗與評估..... 36 第二節 前端效能及 SEO 實驗與評估.....59 第三節 後端資源使用實驗與評估..... 63 第四節 研究問題討論..... 66 第五章 結論..... 67 參考文獻..... 68zh_TW
dc.format.extent 4931252 bytes-
dc.format.mimetype application/pdf-
dc.source.uri (資料來源) http://thesis.lib.nccu.edu.tw/record/#G0112462007en_US
dc.subject (關鍵詞) Web 架構zh_TW
dc.subject (關鍵詞) 前端繪製zh_TW
dc.subject (關鍵詞) Web 應用程式開發zh_TW
dc.subject (關鍵詞) Jamstacken_US
dc.subject (關鍵詞) Web Architectureen_US
dc.subject (關鍵詞) Front-end Renderingen_US
dc.subject (關鍵詞) Web Application Developmenten_US
dc.title (題名) 探討 Jamstack 架構對 Web 電子商務應用程式的適用性zh_TW
dc.title (題名) Exploring the Applicability of Jamstack Architecture for Web- based E-Commerce Applicationsen_US
dc.type (資料類型) thesisen_US
dc.relation.reference (參考文獻) [1] Bilgaiyan, S., Singh, J., & Das, H. (2022). Empirical research for futuristic e-commerce systems: Foundations and applications. Springer. [2] Blancaflor, E. B., & Samonte, S. A. (2023). An analysis and comparison of proprietary and open-source software for building e-commerce website: A case study. Journal of Advances in Information Technology, 14(3). [3] Sreedhar, G. (2018). A framework to improve performance of e-commerce websites. In Advances in E-Business Research Series. IGI Global. [4] Mittal, M. K., Kirar, N., & Meena, J. (2018). Implementation of search engine optimization: Through white hat techniques. In Proceedings of the IEEE 2018 International Conference on Advances in Computing, Communication Control and Networking (ICACCCN 2018). IEEE. https://doi.org/10.1109/ICACCCN.2018.8748337 [5] Peng, T., Sun, L., & Bao, H. (2010). Design and implementation of ATM simulation system based on MVC pattern. In 2010 International Conference on Educational and Information Technology. IEEE. https://doi.org/10.1109/ICEIT.2010.5607693 [6] Ollila, R., Mäkitalo, N., & Mikkonen, T. (2022). Modern web frameworks: A comparison of rendering performance. Journal of Web Engineering, 21(3), 789– 814. https://doi.org/10.13052/jwe1540-9589.21 [7] JAMStack Home. JAMStack organization; Available from: https://jamstack.org [8] Markovic, D., Scekic, M., Bucaioni, A., & Cicchetti, A. (2022). Could Jamstack be the future of web applications architecture? An empirical study. Proceedings of the ACM Symposium on Applied Computing, 1872 – 1881. [9] Nambiar, R. (2005). Java Petstore: A case study (Ph.D. dissertation). Kansas State University. [10] A. Shatnawi, H. Mili, G. El Boussaidi, A. Boubaker, Y.-G. Guéhéneuc, N. Moha, J. Privat, and M. Abdellatif, “Analyzing program dependencies in Java EE applications,” in 2017 IEEE/ACM 14th International Conference on Mining Software Repositories (MSR). IEEE, 2017, pp. 64–74. https://doi.org/10.1109/MSR.2017.6 [11] Bartuskova, A., Krejcar, O., & Kuca, K. (2015). Evolutionary approach of general system theory applied on web applications analysis. In Lecture Notes in Electrical Engineering. https://doi.org/10.1007/978-3-319-07674-4_41 [12] Camden, R., & Rinaldi, B. (2022). The Jamstack book: Beyond static sites with JavaScript, APIs, and markup. Manning Publications. [13] Da Silva, W. O., & Farah, P. R. (2018). Characteristics and performance assessment of approaches pre-rendering and isomorphic JavaScript as a complement to SPA architecture. In ACM International Conference Proceeding Series. https://dl.acm.org/doi/10.1145/3267183.3267190 [14] Sg, N. K., Madugundu, P. K., Bose, J., & Mogali, S. C. S. (2016). A hybrid web rendering framework on cloud. In Proceedings of the 2016 IEEE International Conference on Web Services (ICWS). IEEE. DOI: 10.1109/ICWS.2016.83 [15] Thakkar, M. (2020). Building React apps with server-side rendering: Use React, Redux, and Next to build full server-side rendering applications. Apress. https://doi.org/10.1145/3477314.3506991 [16] Zammetti, F. (2020). Practical JAMstack: Blazing fast, simple, and secure web development, the modern way. Apress. [17] Cashmore, S. (2022). Beginning Azure Static Web Apps: Building and deploying dynamic web applications with Blazor. Apress. [18] Tong, J., Jikson, R. R., & Gunawan, A. A. S. (2023). Comparative performance analysis of JavaScript frontend web frameworks. In Proceedings of the 2023 3rd International Conference on Electronic and Electrical Engineering and Intelligent System: Responsible Technology for Sustainable Humanity (ICE3IS 2023). IEEE. DOI: 10.1109/ICE3IS59323.2023.10335250 70 [19] Google Lighthouse overview. Chrome Developers; Available from: https://developer.chrome.com/docs/lighthouse/overview [20] Hoang, T. (2020). JAMStack Continuous Integration and Continuous Deployment with CircleCI and Netlify. [21] Orosz, E. (2020). Modern Web Development with JAMsatck.zh_TW