ref: https://blog.bitsrc.io/bff-pattern-backend-for-frontend-an-introduction-e4fa965128bf
本篇文章是探討一個前後端互相合作的設計模式,Backend For Frontend 簡稱為 BFF。
文章開頭,作者舉了一個常見的應用情境,假設團隊需要基於微服務的概念去設計一套電商系統,背後服務包括了購物車,訂單,產品,顧客...等不同類型的資料。
但是很容易後端所回傳的資料格式並不能完全直接符合前端的需求,這意味前端必須要維護一套邏輯來轉換資料格式來符合其需求。
基於這種情況,作者希望將前端這些轉換格式的邏輯給抽出來並且移動一個中間層來進行處理,而這個中間層也就是所謂的 BFF。
當前端需要請求一些資料時,前端會對 BFF 去發送 API,而此時 BFF 會執行下列行為
1. 呼叫對應的 backend 服務來獲得需要的資料
2. 根據前端的需求將獲得的資料進行格式轉換
3. 將轉換後的格式回傳前端
這種架構下,能夠讓前端的程式邏輯更為簡單與乾淨
接者作者針對 BFF 的架構又探討了幾個問題,分別
The role of a BFF
1. BFF 單純就是一個前後端中間的轉換介面
2. 前端 Team 要負責維護這個 BFF 的應用程式
3. 每個 BFF 就是針對一個前端,一個 UI 去設定,同時盡可能地讓前端程式碼保持單純與專注
Will this increase latency?
由於 BFF 就是一個前後端中間的轉換層,這是否意味所有請求都會需要花費更長的時間來處理,
答案是沒錯,每個請求只要經過愈多的節點整個花費時間會增加是不可避免的。
不過作者認為這個帶來的影響微乎其微,特別是當瀏覽器介面本身需要需要跟眾多沒有針對前端最佳化的服務取得資料時,BFF 帶來的影響基本上可以忽略。
此外,作者認為透過 BFF 的架構可以讓前端更容易得基於批次的概念來一口氣呼叫眾多後端服務同時於一個 reply 中取得全部所需的資料,甚至直接得更為方便呈現的資料格式。
作者提到這個特色針對 2G/3G 這種本身需要花上數秒鐘才可以建立連線的網路情況來說特別有效,減少向後建立連線的數量,反而能夠讓前端更有效率地去呈現畫面。
When to use a BFF for your applications
如同其他眾多的設計模式一樣, 使用 BFF 也是要依據團隊的使用情境與架構來判別。 假設團隊的應用程式是一個 monolithic 的架構,則 BFF 基本上幫不上什麼忙,帶來的好處微乎其微。
不過如果是基於微服務的架構的話,則 BFF 就有機會可以幫上忙。
文章中還有針對 BFF 的架構圖是以及其他相關好處,譬如
1. Separation of concerns
2. Easier to maintain and modify APIs
3. Better error handling in the frontend
4. Multiple device types can call the backend in parallel
5. Better security
6. Shared team ownership of components
有興趣的可以參考看看原文
同時也有2部Youtube影片,追蹤數超過3,370的網紅網頁設計x廣告行銷,也在其Youtube影片中提到,❤歡迎訂閱Free subscribe❤ https://pse.is/submytube ■聯絡我們 Contact Us https://pse.is/forums_op --------- ✪✪✪FYR 補充資料如下✪✪✪ 在不安裝任何外掛插件的條件下新增修改結帳頁 w...
購物車系統架構 在 美果彩妝代購 Facebook 的最佳貼文
『La Mer 海藍之謎倍添緊緻精華 特價5折』
😉La Mer 產品每次5折活動都是秒搶😉
這款精華被提及的頻率最少,主要是因為它的受眾群體是有較深皺紋困擾的人群。這款產品專為易生成細小皺紋的局部肌膚研製而成,重點針對法令紋,魚尾紋,抬頭紋等紋路。也因為所需用量較小,正裝產品只有15ml。
它內含的核心成分藍銅寶石可提拉緊緻肌膚,當倍添緊緻露滲入肌膚最需要收緊的部位時,能夠形成支撐肌膚的網狀架構,給予肌膚額外的提拉力量。以滴棒沾取少量倍添緊緻露,在最需要緊緻的肌膚區域(如魚尾紋、法令紋、抬頭紋等)粘點3下直至完全吸收。😍😍
歡迎直接查看購物車唷😉
⚠️之前下單相關產品無法變更活動,因為商品之前都已經下單。非常抱歉
歡迎直接查看購物車唷!
👍美果購物:
https://www.usmaigoshop418.me/pages/%F0%9F%94%A5-big-sale-%E5%A4%A7%E7%89%B9%E5%83%B9
--------------------------------------------------
‼️‼️下單步驟 注意:一定要照做‼️‼️
🇦請點擊查看美果購物車,有你要的商品可以直接下單。
⚠如果有其他美國官網商品可以,截圖你要的商品網頁或是截圖給小幫手詢價
🇧訂購特價商品請協助下單後請下單5天內付款匯款+回報
🚨如果沒在期限內匯報,造成因活動結束需後需退款的會著收$15手續費用。
⚠回報方式:使用購物車系統上方的”聯絡我們“留下匯款資訊(匯款金額/匯款帳號後五碼/匯款日期)
⚠注意:限量款請三思下單,如跑單會中途取消訂單會被列為黑名單。
⚠如需延長匯款請先下單並留言於粉絲小幫手你的下單信箱,及延長日期。
購物車系統架構 在 Hello elegant Facebook 的精選貼文
✨✨✨ Hello Elegant ✨✨✨
#私訊我要結帳可以確認訂單喔!
#加購區架構之後不提供取消訂單喔!
✅直播商品要➕購的妞妞們,可按「來去逛逛」裡面的「購物車」==》(直播價購區)購買喔✨✨✨👇🏻👇🏻👇🏻
https://vn.hotsnet.com/Cart/index/665881485.html
⚠️私訊打「我要結帳」登入授權後可確認訂單喔!
⚠️本週直播商品優惠價到4/9截止喔⚠️
⚠️務必在收單前確認訂單才算訂購完成喔!
⚠️購物車➕1的不提供取消訂單喔!麻煩大家加購的時候要想清楚再加購喔~🙏🏻🙏🏻🙏🏻
👉🏻大家線上+1請務必上去確認唷!!務必確認「顏色、數量、尺寸唷」訂單成立之後恕不改單!🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻
✅麻煩2天內查看商品品項是否正確、完成訂單填寫、匯款、門市付款,確認選單後無法再更改訂單內容,請大家務必確認好訂單唷!!🙏🏻🙏🏻🙏🏻
✅商品預購到貨約7-20個工作天,貨到我們會再訊息通知喔!感謝大家的支持❤️❤️❤️
🗓新系統剛上線,有任何問題都歡迎私訊小編唷😁
購物車系統架構 在 網頁設計x廣告行銷 Youtube 的精選貼文
❤歡迎訂閱Free subscribe❤
https://pse.is/submytube
■聯絡我們 Contact Us
https://pse.is/forums_op
---------
✪✪✪FYR 補充資料如下✪✪✪
在不安裝任何外掛插件的條件下新增修改結帳頁
wordpress 修改woocommerce結帳頁面 | customize woocommerce checkout page
path: wp-content/plugins/woocommerce/includes/class-wc-countries.php
■需要購物車網站或 其他客制修改請聯絡
https://pse.is/forums_op
■商業行銷&設計資訊相關討論區
https://freeday.cc/forum/index.php?p=...
■網站主機代租管理服務 wordpress/opencart/moodle/forum■
https://pse.is/forums_op
■Wordpress免費架網站教學
https://www.youtube.com/playlist?list...
❤小額贊助頻道 Donate us a cup coffee❤
https://www.paypal.me/178yo
簡介
我們從2015年以來開始從事數位設計及網站架設的工作,我們擅長CMS系統架構 像是 php、wordpress、woocommerce、opencart、forum論壇討論區、數位課程moodle等系統開源軟件。
從模組設計和專屬客製化修改、到線上電商的金流物流功能,相信我們都能滿足您的期待。
在網站開發完成的後期,不論主機系統維護以及seo、 google ads廣告行銷、影片設計、平面媒體設計我們也能協助您。
至今目前所服務的客戶群產業有:
政府學校機關、教育機構、房地產業、旅行業、旅館飯店、線上電商、中小企業形象網站…
同時我們也期盼透過這個頻道可以幫助到有需要的人,協助自行建立數位的行銷系統及網頁在有限的預算內。
■聯絡我們 Contact Us
https://pse.is/forums_op
#網頁設計廣告行銷
![post-title](https://i.ytimg.com/vi/T3BFZGrUBes/hqdefault.jpg?sqp=-oaymwEZCNACELwBSFXyq4qpAwsIARUAAIhCGAFwAQ==&rs=AOn4CLBWv7eBBWSeun4LBGKuHbn4be72og)
購物車系統架構 在 吳老師教學部落格 Youtube 的最佳解答
JAVA物件導向程式設計課程上課影音(10)
完整影音論壇:
https://groups.google.com/forum/?hl=zh-TW#!forum/java_object
JAVA&Android課程理念
Android智慧型手機以JAVA為基礎,已成為手機上最完整的開放開發平台之一,
在手機已是人手必備的趨勢下,手機相關的應用,將會超越PC,比PC更智慧,更貼近個人使用習慣,未來APP將漸取代Web,成為各產業或政府對外窗口。
以循序漸進的方式講授從JAVA入門到證照,再到Android應用程式架構、圖形介面開發、測試與除錯等,進而取得證照。
使學生能開發APP遊戲、多媒體APP等各類型手機應用程式為目標。
吳老師教學特色:
1.影音複習分享(全程錄影)。
2.能不硬code程式,有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作,圖形化工具使用。
5.隨時更新第一手資訊。
章節大綱
1 Android 導論與新版功能介紹
2 開發工具下載與安裝
3 Android 專案與系統架構
4 UI 設計基本概念
5 UI 進階設計
6 Activity 生命週期與平板電腦設計概念
7 資料存取
8 行動資料庫 SQLite
9 Google 地圖
10 感應器應用
11 多媒體與相機功能
12 手機實用功能開發
13 AdMob 廣告看板製作
14 發佈應用程式至 Google Play
Android 教學研習心得分享懶人包:
http://terry55wu.blogspot.com/p/android.html
![post-title](https://i.ytimg.com/vi/BPVem1CEEPo/hqdefault.jpg)
購物車系統架構 在 08 購物車 的推薦與評價
![影片讀取中](/images/youtube.png)
... <看更多>
購物車系統架構 在 一頁式網站與購物系統、直播交友系統架構、飯店民宿訂房完整 ... 的推薦與評價
形象官網、購物車系統、一頁式網站與購物系統、直播交友系統架構、飯店民宿訂房完整系統、平台整合、網站與系統建構架設以及ios與安卓手機平台。社團. Public group. ... <看更多>