본문 바로가기

SAP 사용자들의 오픈 커뮤니티

튜토리얼
SAP Business Technology Platform(BTP)

6. SAP Work Zone : Fiori Apps - Cloud Foundry App

페이지 정보

본문

목차 

 

1. SAP Work Zone : Overview - 개념 및 구성 요소
2. SAP Work Zone : Overview - Content Manager
3. SAP Work Zone : Overview - Area 와 역할
4. SAP Work Zone : 초기 구성 방법
5. SAP Work Zone : Fiori Apps - SAP GUI for HTML & SAP Web DynPro ABAP
6. SAP Work Zone : Fiori Apps - Cloud Foundry App
7. SAP Work Zone : Fiori Apps - Content Federation
8. SAP Work Zone : UI Integration Cards - SAP system
9. SAP Work Zone : UI Integration Cards - Non-SAP System
10. SAP Work Zone : SAP Workflow Management와 통합

 

 

 이전 포스팅에서는 Standard Fiori Application을 Content Manager을 통해 SAP Work Zone에서 실행하는 방법에 대해서 알아봤습니다. 이번 챕터에서는 Cloud Foundry에 배포된 Custom SAPUI5 Application을 실행하는 방법에 대해서 알아보도록 하겠습니다.

 

전제조건

  • SAP Business Technology Platform(이하 SAP BTP)의 계정이 있어야합니다.
  • SAP BTP의 Cloud Foundry 환경에 배포된 Application이 있어야합니다.

 

 샘플코드를 사용하여 Cloud Foundry 환경에 배포한 MTA Application 입니다. 배포된 MTA Application에 접속하는 URL을 이용하여 SAP Work Zone에서 접근할 수 있도록 하겠습니다.

 

5c614aa43b391823e4b4259bdd43a9645c32cbdf5xj4.png

 

위 URL을 이용하여 SAP Work Zone Application 탭에 추가할 것이므로 기억해야 합니다.

 

fc476bc4f259c68085194cdf94888a3da528f26d8w3m.png

 

신규 앱을 추가하기 위해 Administrator Console을 통해 Content Manager로 접속하여 앱을 생성합니다.

 

1. 신규 탭에서 Application 실행

 

025dc48a5882c30676e5b3072ef84b32ddaba7c9tif8.png

 

먼저 배포한 App을 브라우저의 신규 탭에서 띄워보도록 하겠습니다.

신규 탭 라디오 버튼을 클릭하고 URL을 사용을 사용하여 앱을 추가할 것이므로 시스템은 시스템 없음으로 선택합니다.

 

2c4f5c44f2b636a6d78cb298e0192df0cc84f570o6v9.png

 

탐색 탭에서는 의도 영역에서 Semantic ObjectAction에 적당한 값을 입력하여 줍니다.

 

이 속성값은 하단의 링크를 참조하십시오.

 

https://help.sap.com/viewer/17ae0e97e0fc424a9c368f350c0ba6bd/2.10/en-US/609c84bbacb04fd8a17bdb5da742815f.html

 

0d0483ba57eb6896c13249b3691c6b72f3a14c710p6a.png

 

시각화 탭에서는 SAP Work Zone Application 탭에서 보여질 타일의 정보를 설정할 수 있습니다.

 

187ed0bbf18b5f042a51de76471a992d70989d826biw.png

 

 앞서 생성한 앱을 사용자나 관리자에게 보여질 수 있도록 앱에 권한을 설정하여 줍니다. 여기선 테스트를 위해 모두 접근할 수 있도록 Everyone 역할에 앱을 추가하였습니다.

 

12558d79f0b3cab5402c3fbcb1e6ebddef793003b6wh.png

 

마찬가지로, 그룹에도 앱을 추가하여 줍니다. 관련도가 높은 어플리케이션들끼리 그룹으로 묶을 수 있습니다

.

6264ce426d4c97d444e2e929912c5c1b0a5595096s10.png

 

 

SAP Work Zone Application 탭에 방금 추가한 Cloud Foundry에 배포된 앱이 추가된 것을 확인할 수 있습니다.

 

4cdc6b73cc7d55b478f6542ebb8bf9b845a4e720wej5.png

 

앱을 실행하여 보면 신규 탭에서 Application이 실행되는 것을 확인할 수 있습니다.

 

2. 현재 탭에서 Application 실행

 

그렇다면 이번에는 현재 탭에 띄워 보도록 하겠습니다.

 

b43f53449e5a3186632a0e94ba68dcd70ab64d67tgod.png

 

속성 탭에서 앱 열기 속성값을 현재 위치로 수정한 후, 다시 Application을 실행해보도록 하겠습니다.

 

2380ac81f888f26b228e8877f477b3fdfb4ac5e4ws50.png

 

현재 위치에서 화면이 바뀌는 것을 볼 수 있지만 앱에 대한 접근은 거부됐습니다. 이는 iframe 태그를 이용한 눈속임인 클릭재킹과 같은 보안 이슈때문입니다.

 

6d08d6eceef50ef3f39c6d95c5b054a8acd862816w0c.png7032033d8a35bc3bf06de7968b5045f1e3876a93u4lb.png

 

 이를 해결하기 위해서 특정 도메인에 대해서는 접근을 허락하는 속성값을 주어야 합니다.

 여러가지 방법이 있지만 배포한 앱에서 User-Provided Variables 항목을 통해 CJ_PROTEXT_WHITELISThttpHeaders에 X-Frame-Options을 부여하는 방법과 배포할 때부터 mta.yaml 파일에서 properties에 해당 속성을 부여하는 방법을 통해 해결할 수 있습니다.

 

1bb90afe65c1d11a3edcd66d644ac6013385f77bi9c3.png

 

적용한 후에 다시 앱을 실행시키면 SAP Work Zone이 실행되던 탭 위치에서 앱이 실행되는 것을 확인할 수 있습니다.

 

3. 마치며..

 

 앞선 챕터와 이번 챕터를 통해, Standard Fioir Application이나 Custom SAPUI5 Application을 SAP Work Zone에서 실행하는 방법에 대해 알아봤습니다. Content Manager에서 앱을 일일히 추가한다면 효율적이지 않습니다.

 

 다음 포스팅에서는 이러한 수고를 덜기 위해, SAP S/4HANA 시스템에서 Role에 할당된 다수의 Application들을 한번에 SAP Work Zone에 추가할 수 있는 방법인 Content Federation에 대해 알아보도록 하겠습니다.

댓글목록

profile_image

KSUG님의 댓글

no_profile KSUG 쪽지보내기 아이디로 검색 전체게시물 작성일 0

유익한정보 감사합니다.

profile_image

최정아님의 댓글

no_profile 최정아 쪽지보내기 아이디로 검색 전체게시물 작성일 0

감사합니다.

profile_image

최정아님의 댓글

no_profile 최정아 쪽지보내기 아이디로 검색 전체게시물 작성일 0

감사합니다.

이용약관
개인정보처리방침