마이크로 프론트엔드는 엔드투엔드 기술 자율성을 가질 수 있기 때문에 마이크로서비스와 결합할 때만 가능한 아키텍처라고 생각할 수도 있습니다. 모놀리스 아키텍처가 마이크로 프론트엔드를 지원하지 않을 것이라고 생각하거나 API 계층에 모놀리스가 있으면 프론트엔드에서도 아키텍처를 미러링해야 할 것이라고 생각할 수도 있습니다. 하지만 그렇지 않습니다. 고려해야 할 몇 가지 뉘앙스가 있으며, 마이크로 프론트엔드는 마이크로서비스 및 모놀리스와 함께 사용할 수 있습니다.
이 장에서는 프론트엔드 레이어와 백엔드 레이어 간의 몇 가지 가능한 통합을 검토합니다. 특히, 마이크로 프론트엔드가 모노리스, 마이크로서비스, 심지어 프론트엔드를 위한 백엔드(BFF) 패턴과 함께 어떻게 작동할 수 있는지 분석합니다( ).
또한 수직 분할, 클라이언트 측 구성의 수평 분할, 서버 측 구성의 수평 분할과 같은 다양한 마이크로 프론트엔드 구현과 통합하는 데 가장 적합한 패턴에 대해서도 논의합니다.
마지막으로 API의 단일 진입점으로 GraphQL이 마이크로 프런트엔드에 유효한 솔루션이 될 수 있는 방법을 살펴봅니다.
API 통합과 마이크로 프론트엔드
웹 애플리케이션에서 사용할 수 있는 다양한 API 접근 방식을 정의하는 것부터 시작해 보겠습니다. 그림 9-1에서 볼 수 있듯이 가장 많이 사용되고 잘 알려진 패턴에 초점을 맞추겠습니다.
그렇다고 마이크로 프론트엔드가 이러한 구현에서만 작동한다는 의미는 아닙니다. 예를 들어 웹소켓(단일 TCP 연결을 통한 양방향 컴퓨터 통신 프로토콜) 또는 하이퍼미디어에 적합한 접근 방식을 선택할 수 있습니다. 하이퍼미디어의 경우(예: 응답 콘텐츠에하이퍼미디어 링크가 있는 REST를 사용하는 경우) API를 사용하는 클라이언트는 이러한 링크를 탐색하여 적절한 리소스로 동적으로 이동할 수 있습니다. 핵심은 BFF, API 게이트웨이 또는 서비스 사전 패턴으로 작업하는 방법을 배우는 것입니다.
그림 9-1. 마이크로 프론트엔드 및 API 계층
이 장에서는 세 가지 패턴을 분석할 것입니다:
서비스 사전
서비스 사전은 클라이언트가 사용할 수 있는 서비스의 목록일 뿐입니다. 주로 모놀리스 또는 모듈식 모놀리스 아키텍처로 API 계층을 개발할 때 사용되지만, 다른 아키텍처 중에서도 API 게이트웨이가 있는 마이크로서비스 아키텍처로 구현할 수도 있습니다. 서비스 사전을 사용하면 지속적인 통합(CI) 프로세스 중에 공유 라이브러리를 만들거나 환경 변수를 정의하거나 구성을 삽입할 필요가 없으며, 프론트엔드 코드베이스의 모든 엔드포인트를 하드코딩할 필요도 없습니다. 마이크로 프론트엔드가 로드될 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month, and much more.
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.