TWM619218U - Micro front-end network service system - Google Patents
Micro front-end network service system Download PDFInfo
- Publication number
- TWM619218U TWM619218U TW110208762U TW110208762U TWM619218U TW M619218 U TWM619218 U TW M619218U TW 110208762 U TW110208762 U TW 110208762U TW 110208762 U TW110208762 U TW 110208762U TW M619218 U TWM619218 U TW M619218U
- Authority
- TW
- Taiwan
- Prior art keywords
- login
- client
- micro
- processing unit
- service system
- Prior art date
Links
- 238000012545 processing Methods 0.000 claims abstract description 54
- 238000012795 verification Methods 0.000 claims abstract description 36
- 238000000034 method Methods 0.000 claims abstract description 22
- 230000008569 process Effects 0.000 claims description 4
- 230000007246 mechanism Effects 0.000 description 5
- 238000011161 development Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000015556 catabolic process Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 239000004020 conductor Substances 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000008054 signal transmission Effects 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
一種微前端網路服務系統包含一儲存單元及一電連接該儲存單元的處理單元,該儲存單元儲存有一微前端元件、一登入驗證模組,以及一相關於一線上服務的後端微服務模組。其中,當該處理單元接收到一來自該客戶端的連線請求時,將該微前端元件提供至該客戶端,以供該客戶端顯示一對應於該微前端元件的使用者操作介面,並且,當該處理單元接收到一來自該客戶端且對應該使用者操作介面的登入請求,且還根據該登入驗證模組判定該登入請求通過一登入驗證程序時,該處理單元允許該客戶端以一使用者帳戶登入並對該後端微服務模組進行存取。A micro-front-end network service system includes a storage unit and a processing unit electrically connected to the storage unit. The storage unit stores a micro-front-end component, a login verification module, and a back-end micro-service module related to an online service. Group. Wherein, when the processing unit receives a connection request from the client, the micro front-end component is provided to the client for the client to display a user operation interface corresponding to the micro front-end component, and, When the processing unit receives a login request from the client that corresponds to the user interface, and determines that the login request passes a login verification procedure according to the login verification module, the processing unit allows the client to use a The user account logs in and accesses the back-end microservice module.
Description
本新型是有關於一種服務系統,特別是指一種涉及微前端架構的微前端網路服務系統。The present invention relates to a service system, in particular to a micro front-end network service system involving a micro front-end architecture.
許多金融機構都會建置前端的網站及後端的伺服系統來向客戶提供網路服務,藉此提升客戶的服務體驗。而在現有技術中,許多金融機構仍是採用單體式架構(Monolithic Architecture)的系統,然而,單體式架構的複雜性高且擴充性不佳,而不利於即時因應市場需求的快速變化,因此,現有技術仍存在有待改善的空間。Many financial institutions will build front-end websites and back-end server systems to provide online services to customers, thereby enhancing customer service experience. In the existing technology, many financial institutions still adopt Monolithic Architecture. However, the complexity of the Monolithic Architecture is high and the scalability is not good, which is not conducive to responding to the rapid changes in market demand in real time. Therefore, there is still room for improvement in the prior art.
因此,本新型之目的,便在於提供一種能改善現有技術之不便的微前端網路服務系統。Therefore, the purpose of the present invention is to provide a micro front-end network service system that can improve the inconvenience of the prior art.
本新型微前端網路服務系統適用於與一客戶端電連接,該微前端網路服務系統包含一儲存單元及一電連接該儲存單元的處理單元,且該儲存單元儲存有一微前端元件、一登入驗證模組,以及一相關於一線上服務的後端微服務模組。其中,當該處理單元接收到一來自該客戶端的連線請求時,將該微前端元件提供至該客戶端,以供該客戶端顯示一對應於該微前端元件的使用者操作介面,並且,當該處理單元接收到一來自該客戶端且對應該使用者操作介面的登入請求,且還根據該登入驗證模組判定該登入請求通過一登入驗證程序時,該處理單元允許該客戶端以一使用者帳戶登入並對該後端微服務模組進行存取。The new micro-front-end network service system is suitable for electrical connection with a client. The micro-front-end network service system includes a storage unit and a processing unit electrically connected to the storage unit, and the storage unit stores a micro front-end component, a Login authentication module, and a back-end microservice module related to an online service. Wherein, when the processing unit receives a connection request from the client, the micro front-end component is provided to the client for the client to display a user operation interface corresponding to the micro front-end component, and, When the processing unit receives a login request from the client that corresponds to the user interface, and determines that the login request passes a login verification procedure according to the login verification module, the processing unit allows the client to use a The user account logs in and accesses the back-end microservice module.
在本新型微前端網路服務系統的一些實施態樣中,該儲存單元還儲存一包含多筆客戶資料的客戶資料庫,且該登入請求包含多筆待驗證登入資料,並且,該登入驗證程序包含:該處理單元判斷該等客戶資料中是否存在其中一筆與該等待驗證登入資料匹配的匹配客戶資料。In some implementations of the new micro front-end network service system, the storage unit also stores a customer database containing multiple customer data, and the login request includes multiple login data to be verified, and the login verification process Including: the processing unit determines whether there is a matching customer data matching the login data waiting to be verified among the customer data.
在本新型微前端網路服務系統的一些實施態樣中,該登入驗證程序還包含:在該處理單元判斷出該匹配客戶資料存在後,該處理單元還產生並提供一對應該登入請求的登入標記至該客戶端,並在從該客戶端接收到一對應該登入請求且包含一待驗證標記的待驗證資料時,至少根據該待驗證標記及該登入標記判定該登入請求是否通過該登入驗證程序。In some implementations of the new micro front-end network service system, the login verification procedure further includes: after the processing unit determines that the matching customer data exists, the processing unit also generates and provides a login request corresponding to the login request Mark to the client, and when a pair of to-be-verified data that should be a login request is received from the client and includes a to-be-verified flag, at least determine whether the login request passes the login verification based on the to-be-verified flag and the login flag program.
在本新型微前端網路服務系統的一些實施態樣中,該處理單元是至少根據該待驗證標記與該登入標記是否相符而判定該登入請求是否通過該登入驗證程序。In some implementation aspects of the new micro front-end network service system, the processing unit determines whether the login request passes the login verification procedure at least according to whether the to-be-verified mark matches the login mark.
在本新型微前端網路服務系統的一些實施態樣中,該待驗證資料還包含一對應該客戶端的客戶端標記,並且,在該處理單元判定該登入請求通過該登入驗證程序後,該處理單元還將該客戶端標記儲存至該儲存單元,並且建立該客戶端標記與該匹配客戶資料之間的對應關係。In some implementations of the new micro front-end network service system, the data to be verified further includes a client tag corresponding to the client, and after the processing unit determines that the login request passes the login verification procedure, the processing The unit also stores the client tag in the storage unit, and establishes a corresponding relationship between the client tag and the matching customer data.
本新型之功效在於:該微前端網路服務系統能利用以微前端架構達成的該微前端元件提供對登入請求的驗證機制,而能確保其在開發、維護及擴充等方面的彈性,有助於節省開發類似功能的人力成本,故確實能改善現有技術之不足。The effect of the present invention is that the micro-front-end network service system can use the micro-front-end components achieved by the micro-front-end architecture to provide a verification mechanism for login requests, and can ensure its flexibility in development, maintenance, and expansion, which is helpful In order to save the labor cost of developing similar functions, it can indeed improve the shortcomings of the existing technology.
在本新型被詳細描述之前應當注意:若未特別定義,則本專利說明書中所述的「電連接」是泛指多個電子設備/裝置/元件之間透過導電材料彼此相連而實現的「有線電連接」,以及透過無線通訊技術進行單/雙向無線信號傳輸的「無線電連接」。並且,若未特別定義,則本專利說明書中所述的「電連接」亦泛指多個電子設備/裝置/元件之間彼此直接相連而形成的「直接電連接」,以及多個電子設備/裝置/元件之間還透過其他電子設備/裝置/元件彼此間接相連而形成的「間接電連接」。Before the new model is described in detail, it should be noted that if there is no special definition, the "electrical connection" in this patent specification generally refers to the "wired connection" between multiple electronic devices/devices/components connected to each other through conductive materials. "Electrical connection" and "radio connection" for single/two-way wireless signal transmission through wireless communication technology. Moreover, if not specifically defined, the "electrical connection" in this patent specification also refers to the "direct electrical connection" formed by multiple electronic devices/devices/elements directly connected to each other, and multiple electronic devices/ Devices/components are also indirectly connected to each other through "indirect electrical connections".
參閱圖1,本新型微前端網路服務系統1之一實施例例如是由一金融機構所管理,且該微前端網路服務系統1例如適用於供多個客戶端5(圖1中僅示例性地示出一者)透過網路電連接,且每一客戶端5可例如是一台電子裝置(例如智慧型手機、平板電腦、筆記型電腦或者桌上型電腦),但並不以此為限。Referring to FIG. 1, an embodiment of the micro front-end network service system 1 of the present invention is, for example, managed by a financial institution, and the micro front-end network service system 1 is, for example, suitable for providing multiple clients 5 (only an example in FIG. 1 It is shown that one) is electrically connected through a network, and each client 5 can be, for example, an electronic device (such as a smart phone, a tablet computer, a notebook computer, or a desktop computer), but not Is limited.
該微前端網路服務系統1例如包含一儲存單元11,以及一電連接該儲存單元11的處理單元12。更詳細地說,在本實施例中,該微前端網路服務系統1的整體例如是被實施為一台伺服設備,該儲存單元11例如是被實施為一資料儲存裝置,而該處理單元12則例如是被實施為一中央處理器。然而,在其他實施例中,該微前端網路服務系統1亦可例如是被實施為多台彼此電連接的伺服設備,該儲存單元11亦可例如是被實施為多台彼此電連接的資料儲存裝置,而該處理單元12則亦例可如是被實施為多個彼此電連接的中央處理器,因此,該微前端網路服務系統1、該儲存單元11及該處理單元12在本實施例中的實施方式僅為示例性的態樣,而非用於限制本新型的可實施範圍。The micro front-end network service system 1 includes, for example, a
在本實施例中,該儲存單元11例如儲存有一客戶資料庫D1、一微前端元件D2、一登入驗證模組D3,以及一後端微服務模組D4。In this embodiment, the
在本實施例中,該客戶資料庫D1例如包含多筆客戶資料,且該等客戶資料例如是分別對應該金融機構的多位客戶,其中,每一客戶資料例如包含了對應之客戶的基本資料及服務紀錄,且每一客戶資料例如與一歸屬於對應之客戶的使用者帳戶相對應,但並不以此為限。In this embodiment, the customer database D1 includes, for example, multiple pieces of customer data, and the customer data corresponds to multiple customers of a financial institution, for example, each customer data includes, for example, the basic data of the corresponding customer. And service records, and each customer data corresponds to, for example, a user account belonging to the corresponding customer, but it is not limited to this.
該微前端元件D2在本實施例中可例如被實施為一基於微前端(Micro Frontends)架構而被實現的網頁應用程式元件(或稱網頁應用程式組件),且該微前端元件D2能夠在一前端網頁中獨立地運作。更明確地說,在本實施例中,該微前端元件D2可例如是採用HTML Web Components標準而被實現的,但並不以此為限。In this embodiment, the micro front end component D2 can be implemented as a web application component (or called a web application component) based on a micro frontend (Micro Frontends) architecture, and the micro front end component D2 can be implemented in one Operate independently in the front-end web page. More specifically, in this embodiment, the micro front-end component D2 can be implemented using the HTML Web Components standard, but it is not limited thereto.
該登入驗證模組D3在本實施例中例如是用於供該處理單元12載入,以使得該處理單元12能藉由運行該登入驗證模組D3而執行一用來對登入請求進行驗證的登入驗證程序。In this embodiment, the login verification module D3 is used, for example, for the
該後端微服務模組D4在本實施例中例如是對應於一由該金融機構所提供且需以使用者帳戶登入該微前端網路服務系統1後才能使用的線上服務。更具體地舉例來說,該後端微服務模組D4可例如是對應於一由該金融機構所提供的紅利點數線上管理服務,且該紅利點數線上管理服務例如能供該金融機構的客戶瀏覽其紅利點數明細並利用紅利點數進行兌換,但並不以此為限。In this embodiment, the back-end micro-service module D4 corresponds to, for example, an online service provided by the financial institution and can be used only after logging into the micro-front-end network service system 1 with a user account. More specifically, for example, the back-end microservice module D4 may correspond to a bonus point online management service provided by the financial institution, and the bonus point online management service can, for example, be provided to the financial institution Customers browse the breakdown of their bonus points and use the bonus points to redeem, but it is not limited to this.
補充說明的是,在其他的實施例中,該儲存單元11亦可例如是儲存有多個微前端元件D2及多個後端微服務模組D4,而並不以本實施例為限。It is added that in other embodiments, the
以下以圖1中的該客戶端5為例地說明本實施例之微前端網路服務系統1的運作方式。The following takes the client terminal 5 in FIG. 1 as an example to illustrate the operation mode of the micro front-end network service system 1 of this embodiment.
首先,當該處理單元12接收到一來自該客戶端5的連線請求時,該處理單元12例如回應於該連線請求地將該微前端元件D2提供至該客戶端5,以供該客戶端5顯示一對應於該微前端元件D2的使用者操作介面。在本實施例中,該連線請求例如是由該客戶端5根據使用者的操作而產生。另一方面,該使用者操作介面在本實施例中可例如是一包含多個字元輸入欄位的使用者登入介面,而能被呈現在該客戶端5所顯示的網頁瀏覽器中,更明確地說,該使用者操作介面例如是藉由該客戶端5運行該微前端元件D2所產生的,但並不以此為限。First, when the
接著,當該處理單元12接收到一來自該客戶端5且對應該使用者操作介面的登入請求時,該處理單元12藉由載入並運行該登入驗證模組D3而對該登入請求執行該登入驗證程序。更詳細地說,在本實施例中,該登入請求例如是由該客戶端5根據使用者對該使用者操作介面的輸入而產生,且該登入請求例如包含多筆分別對應該使用者操作介面之該等字元輸入欄位的待驗證登入資料,其中,該等待驗證登入資料可例如至少包含一待驗證使用者識別碼以及一待驗證使用者密碼,但並不以此為限。Then, when the
進一步地,在本實施例中,該處理單元12執行該登入驗證程序的方式,可例如是先判斷該客戶資料庫D1的該等客戶資料中,是否存在其中一筆與該等待驗證登入資料相匹配的匹配客戶資料。接著,在該處理單元12判斷出該匹配客戶資料存在的情況下,該處理單元12例如產生並提供一對應該登入請求的登入標記(Token)至該客戶端5。然後,當該處理單元12從該客戶端5接收到一對應該登入請求且包含一待驗證標記及一客戶端標記的待驗證資料時,該處理單元12例如根據該待驗證標記、該客戶端標記以及該登入標記判定該登入請求是否通過該登入驗證程序,但並不以此為限。更明確地說,該待驗證資料例如是由該客戶端5在接收到由該處理單元12所提供的登入標記時所自動產生並回傳的,而且,在本實施例中,該處理單元12例如會根據該客戶端標記而判斷該客戶端5是否具備合適的存取權限,以及判斷該待驗證標記與該登入標記兩者是否彼此相符。並且,在該處理單元12進行前述兩個判斷的判斷結果皆為肯定的情況下,該處理單元12即判定該登入請求通過該登入驗證程序,而若該處理單元12的該兩個判斷結果有其中任一者為否,則該處理單元12判定該登入請求未通過該登入驗證程序。Further, in this embodiment, the
以上即為該處理單元12在本實施例中執行該登入驗證程序的示例說明,然而,應當理解的是,在其他實施例中,該登入驗證程序亦可被實施為更加簡化的帳號密碼驗證機制,或者是進一步配合現有技術中的其他驗證機制(例如一次性密碼驗證機制)而被實施,因此,該登入驗證程序的具體實施態樣並不以本實施例為限。The foregoing is an example of the
最後,在該處理單元12判定該登入請求通過該登入驗證程序的情況下,該處理單元12允許該客戶端5以該匹配客戶資料所對應的該使用者帳戶登入該微前端網路服務系統1本身,並允許該客戶端5透過該處理單元12本身對該後端微服務模組D4進行存取。另一方面,該處理單元12例如還將該客戶端標記儲存至該儲存單元11,並且建立該客戶端標記與該匹配客戶資料之間的對應關係,以使得該客戶端5往後能夠以該匹配客戶資料所對應的該使用者帳戶快速登入該微前端網路服務系統1。Finally, when the
值得說明的是,由於該微前端元件D2是基於微前端架構而被實現,故該微前端元件D2能夠同時被應用在其他更多種需由先以使用者帳戶登入才能使用的線上服務,換言之,除了本實施例所述的該後端微服務模組D4之外,該微前端元件D2能夠同時與其他更多不同的後端微服務模組相互配合,而使得該微前端網路服務系統1本身在開發、維護及功能擴充等方面能夠具備更佳的彈性。It is worth noting that since the micro front-end component D2 is implemented based on the micro-front-end architecture, the micro front-end component D2 can be simultaneously applied to more kinds of online services that need to be logged in with a user account first, in other words In addition to the back-end micro-service module D4 described in this embodiment, the micro-front-end component D2 can cooperate with more different back-end micro-service modules at the same time, so that the micro-front-end network service system 1 It has better flexibility in development, maintenance and function expansion.
綜上所述,該微前端網路服務系統1能利用以微前端架構達成的該微前端元件D2提供對登入請求的驗證機制,而能確保其在開發、維護及擴充等方面的彈性,有助於節省開發類似功能的人力成本,故確實能達成本新型之目的。In summary, the micro-front-end network service system 1 can use the micro-front-end component D2 achieved by the micro-front-end architecture to provide a verification mechanism for login requests, and can ensure its flexibility in development, maintenance, and expansion. It helps to save the labor cost of developing similar functions, so it can indeed achieve the purpose of new cost.
惟以上所述者,僅為本新型之實施例而已,當不能以此限定本新型實施之範圍,凡是依本新型申請專利範圍及專利說明書內容所作之簡單的等效變化與修飾,皆仍屬本新型專利涵蓋之範圍內。However, the above are only examples of the present model, and should not be used to limit the scope of implementation of the present model, all simple equivalent changes and modifications made in accordance with the patent scope of the present model application and the contents of the patent specification still belong to This new patent covers the scope.
1:微前端網路服務系統 11:儲存單元 12:處理單元 5:客戶端 D1:客戶資料庫 D2:微前端元件 D3:登入驗證模組 D4:後端微服務模組1: Micro front-end network service system 11: storage unit 12: Processing unit 5: client D1: Customer database D2: Micro front-end components D3: Login authentication module D4: Back-end microservice module
本新型之其他的特徵及功效,將於參照圖式的實施方式中清楚地呈現,其中: 圖1是本新型微前端網路服務系統之一實施例被應用於一客戶端的一方塊示意圖。Other features and effects of the present invention will be clearly presented in the embodiments with reference to the drawings, in which: FIG. 1 is a block diagram of an embodiment of the new micro front-end network service system applied to a client.
1:微前端網路服務系統 1: Micro front-end network service system
11:儲存單元 11: storage unit
12:處理單元 12: Processing unit
5:客戶端 5: client
D1:客戶資料庫 D1: Customer database
D2:微前端元件 D2: Micro front-end components
D3:登入驗證模組 D3: Login authentication module
D4:後端微服務模組 D4: Back-end microservice module
Claims (5)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW110208762U TWM619218U (en) | 2021-07-26 | 2021-07-26 | Micro front-end network service system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW110208762U TWM619218U (en) | 2021-07-26 | 2021-07-26 | Micro front-end network service system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| TWM619218U true TWM619218U (en) | 2021-11-01 |
Family
ID=79908437
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| TW110208762U TWM619218U (en) | 2021-07-26 | 2021-07-26 | Micro front-end network service system |
Country Status (1)
| Country | Link |
|---|---|
| TW (1) | TWM619218U (en) |
-
2021
- 2021-07-26 TW TW110208762U patent/TWM619218U/en not_active IP Right Cessation
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11544154B2 (en) | Systems and methods for monitoring distributed database deployments | |
| CN102065141B (en) | Method and system for realizing single sign-on of cross-application and browser | |
| US20120193411A1 (en) | Pre-paid usage system for encoded information reading terminals | |
| US20140373121A1 (en) | System and method for providing internal services to external enterprises | |
| CN105516368A (en) | Cloud desktop client, server and method and system for implementing cloud desktop | |
| RU2631769C2 (en) | Method and device for determining objective of information processing | |
| US20130185645A1 (en) | Determining repeat website users via browser uniqueness tracking | |
| WO2017106208A9 (en) | Device management with tunneling | |
| US12355755B2 (en) | Network traffic distribution using certificate scanning in agent-based architecture | |
| US20210294718A1 (en) | Tracking data flow through data services using a processing request identifier in callstack data | |
| CN110826977A (en) | Data updating method and device, computer equipment and storage medium | |
| CN111242462B (en) | Data processing method and device, computer storage medium and electronic equipment | |
| CN113268506A (en) | Cache database query method and device, electronic equipment and readable storage medium | |
| CN113347163B (en) | Single sign-on method, device, equipment and medium | |
| US20230267430A1 (en) | Data processing method and device, and computer-readable storage medium | |
| US20230368233A1 (en) | System and methods for universal identification and passport management | |
| US12242649B2 (en) | Super-cookie identification for stolen cookie detection | |
| CN102236689A (en) | Method and system for quickly registering, browsing and managing websites | |
| CN116346360A (en) | Token processing method and device, electronic equipment and storage medium | |
| TWM619218U (en) | Micro front-end network service system | |
| CN114465996B (en) | Interface authority control system and method and electronic equipment | |
| WO2023076711A1 (en) | Access token conversion | |
| CN116436963A (en) | Method and device for blockchain service discovery based on domain name system DNS | |
| JP5732419B2 (en) | Integrated access control system | |
| TWM617950U (en) | service system |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| MM4K | Annulment or lapse of a utility model due to non-payment of fees |