인트로: SAP BTP, Fiori, UI5 & CAPM

j_wisdom_h·2026년 2월 24일

SAP BTP

SAP 엔터프라이즈 앱을 구축, 확장, 통합하기 위한 클라우드 플랫폼이다.
애플리케이션 개발, 통합, 자동화, 보안 및 ID, 데이터 및 분석을 제공한다.
Colud Foundry, CAMA, ABAP환경을 지원한다.

SAP Fiori

SAP UI/UX 디자인 시스템 (디자인 원칙)
엔터프라이즈급 사용자 인터페이스를 만드는데 사용된다.

5가지 원칙

  • Role-based
  • adaptive
  • Simple
  • Coherent
  • Delightful

SAP UI5 (SAP UI Development Toolkit for HTML5 )

SAP UI5는 반응형 웹 애플리케이션을 구축하는 데 사용되는 JavaScript 프레임워크(기술 프레임워크)

  • MVC 아키텍처
  • Data-binding (jasion, odata, resource)
  • 라이브러리 컨트롤 지원(SAP.m,SAP.f, SAP.TNT 등)
  • 반응형, 크로스 플랫폼

CAPM ( Cloud Application Programming Model)

SAP 클라우드 애플리케이션 프로그래밍 모델

  • Node.js 또는 Java기반 프레임워크
  • CDS 모델링 사용
  • OData v4서비스 사용
  • 보안, 유효성 검사 및 권한 부여 기능 내장
  • BTP에 쉽게 배포가능

아키텍처 오버뷰

SAP UI5 APP 은 결국 프론트엔드 즉, 사용자 인터페이스 개발이다.
그리고 이 개발을 위해 Fiori 프레임워크인 UI5을 사용한다.
JavaScript 컨트롤러를 사용해 이벤트와 그 처리 매커니즘을 이용한다.

그리고 CDS, handler, DB를 사용하여 CAMP 서비스에서 UI5로 데이터를 보낸다.

SAP BTP Cloud Foundary에 있는 HANA Cloud에 HANA DB를 구성한다.

  • UI5앱은 CAPM Odata를 사용한다.
  • CAMP는 Colud Foundary의 BTP에 배포되었다.
  • UI5가 HTML5 앱저장소가 배포되었다.
  • Fiori 런치패드는 UI5를 실행하고 IAS(Identity Authentication Service) 및 XS UAA(User Account and Authentication)가 인증을 처리한다.

UI5앱 end-to-end 학습순서

  1. UI5앱 빌드
  2. CAPM 서비스 생성
  3. SAP BTP에 배포
  4. 대상(destination)을 구성
  5. 실시간 CRUD
  6. Fiori 런치패드, TMS(테스트 <-> 프로덕션) 전송구조
  7. 프로젝트
profile
안녕하세요! j_wisdom_h의 개발기록 블로그입니다.

0개의 댓글