Dojo에서 Anangular로 상태 전이

스털링 Store Engagement (레거시) 애플리케이션은 오픈 소스 JavaScript 라이브러리인 Dojo 프레임워크를 사용하여 개발되었습니다. Dojo를 사용하여 브라우저 내에서 실행되는 풍부한 사용자 인터페이스를 통해 크로스 플랫폼, JavaScript 및 Ajax 기반 웹 애플리케이션을 개발할 수 있습니다.

애플리케이션의 기준선 UI 플랫폼은 Dojo 프레임워크를 사용하여 빌드되는 단일의 모놀리식 UI 애플리케이션입니다. 각 릴리스에 새 기능이 추가되면서 애플리케이션 코드 베이스가 복잡해지고 성능이 저하되었습니다. 가장 중요한 것은 Dojo팀이 중요한 보안 수정사항을 포함하여 프레임워크에 대한 지원 종료를 선언했다는 점입니다. 따라서 애플리케이션을 최신 UI 기술로 업데이트해야 하는 필요성이 매우 중요했습니다.

애플리케이션의 전반적인 성능을 개선하기 위해 Anangular및 Single-SPA와 같은 최신 UI 프레임워크를 사용하는 마이크로 프론트 엔드 아키텍처가 채택되었습니다. 마이크로 프론트엔드 아키텍처는 모놀리식 애플리케이션을 마이크로 프론트엔드라고 하는 더 작은 논리 모듈로 분할하고 동시에 사용자 경험을 단일 애플리케이션 사용과 유사하게 유지합니다. 새로운 마이크로-프론트엔드 기반 아키텍처에서, 애플리케이션은 다수의 각진 애플리케이션 모듈들로 구성되고, 단일-스파 프레임워크를 하이-레벨 라우터 (high-level router) 로서 활용한다. URL 활성화되면, single-spa는 경로를 기반으로 특정 앵귤러 애플리케이션을 로드합니다. Angular 프레임워크 덕분에 개발자들은 새로운 Store Engagement 더 빨리 구축할 수 있었고, 더 작은 번들로 효율성을 극대화하여 애플리케이션 로딩 속도를 높일 수 있었습니다.

사용자 정의

IBM 확장성 워크벤치를 사용하면 스털링 Store Engagement (레거시) 애플리케이션의 동작을 사용자 지정할 수 있습니다. 차등 확장성을 사용하면 애플리케이션 제공 UI 구성품목의 일부를 사용자 정의할 수 있습니다. 재설정 확장성을 사용하면 사용자 정의 코드를 사용하여 애플리케이션 제공 구성품목을 완전히 바꿀 수 있습니다.

IBM Extensibility Workbench는 Dojo 프레임워크를 사용하여 개발됩니다. 그러나 Dojo팀이 Dojo 프레임워크에 대한 지원이 완전히 종료되었음을 발표하고 도구가 Anangular와 같은 최신 UI 기술과 호환되지 않으면 UI를 사용자 정의하기 위한 확장성 워크벤치의 사용이 제한됩니다.

스털링 Store Engagement (차세대) 솔루션은 IBM 확장성 워크벤치를 사용하지 않고도 차등 및 재정의 확장성 방법을 모두 사용하여 UI 사용자 지정을 지원합니다. UI의 사용자 정의 기능은 동일하게 유지되지만 새로운 접근 방식과 최소 학습 곡선을 사용합니다.

참고:

로컬 개발 환경에서만 애플리케이션 제공 소스 코드 및 사용자 정의 코드를 디버그할 수 있습니다.
appMode=dev 특성은 지원되지 않습니다.