[UI5] SAP UI5 셋업, BTP 연결, SAP Cloud Connector세팅, SAP 배포

 

 

Destination(대상) 생성

 

 

 

 

 

항목                                                             키(Key)                              값(Value) 설명

1	HTML5.DynamicDestination	true	HTML5 앱 실행 시 동적 Destination 사용 허용
2	HTML5.Timeout	60000	HTML5 앱 요청 타임아웃(밀리초 단위, 60초)
3	sap-client	100	SAP 시스템 클라이언트 번호
4	WebIDEEnabled	true	BAS / WebIDE 사용 가능 여부
5	WebIDEUsage	dev_abap, odata_abap	BAS에서 ABAP 개발 및 OData 연결 기능 활성화

* 맨 마지막 쉼표인거 꼭 주의하셈

* 오타나면 오류 뜸

 

BTP - SAP 연결하기

 

BTP에서 연결점검 누르면 cloud connector를 생성하지 않아서 연결 점검 오류가 뜨는 것을 확인할 수 있다.

 

 

SAP Cloud Connector 다운받고 압축풀었던 파일에서 go.bat 실행한다. 

위 오류는 환경변수에서 JAVA_HOME_을 잘못입력한 오류이다.

(까먹고 저장을 안누름;)

 

이 CMD창이 클라우드연결해주는거라 끄면 안됨!!

 

 

SAP Cloud Connector 로그인

SAP Cloud Connector 로그인합니다.

 

Subaccount 등록한다.

- Subaccount는 검은색으로 지워놓은 저 ID를 입력하면 된다.

- BTP 로그인할 때 썼던 이메일 입력하고 등록하면 된다.

 

- HOST 입력하는 창에서 값 입력할 경우 오류 날 수 있음
Obtaining subaccount certificate failed. See 'Log and Trace Files' and in particular scc_core.trc for details. Associated entries were logged on or around 2025-12-08 15:47:25,069 +0900. Consult SAP note 2460641 for possible remedies.

HOST 입력하는 창에서 값 입력할 경우 오류

 

 

 

 

SCC에서 시스템 맵핑

처음 누르면 HOST, PORT 입력 창 뜨는데 오히려 나는 값을 넣어서 오류가 났던 케이스다.

System mappling

 

 

아래처럼 값을 넣어 리소스 입력한다.

SCC

 

다 등록하고 BTP Destination  가서 확인하기

BTP Destination 값 확인

이렇게 뜨면 성공적으로 등록 완료.

 

 

 

SAP에 배포하기

1. 터미널창에 npx fiori add deploy-config 입력 
2. 엔터 2번 > 이후도 아래와 같이 진행 (로컬 패키지에 배포했다.)

 

>> SAP  / Cloud 어디다가 배포할래?
방향키로 이동해서 선택하면 됨 

SAP 아이디 비번 입력 
만들고싶은 프로그램 이름 + 자기번호
설명 
Enter manually > 패키지 이름 입력

 

 

 

ui5-deploy.yaml 생성됐는지 확인하고 배포될 저장되는 경로 확인한다. 

 

 

 

실제 배포 : npm run deploy를 터미널에 입력 후, y > sap id, pw 친다.

배포 성공 메시지 뜨는거 확인되면 GUI 가서 확인해본다.

 

실제 배포

성공되면 SAP GUI에 BSP library 추가되고 아래 내려보면 index.html을 확인할 수 있다.

 

BSP library 추가

TEST 눌러서 확인해보면 웹 사이트 잘 나오는 것을 확인할 수 있다.

그러면 소스랑 SAP GUI랑 잘 연동됐다고 생각하면 된다. 

SAP GUI 연동

 

 

SAP GIT HUB 사용

= 이렇게 생긴 버튼 > HELP > GET STARTED를 누르면 깃 허브 설정할 수 있는 창이 뜬다.

SAP GIT HUB

 

SAP GIT HUB 확인

Clone from git 버튼 누르고 위에 깃허브 주소를 넣으면 Git에서 소스를 가져 올 수 있다.

 

 

실행방법 2가지 

1. npm run start-noflp (Fiori Launchpad 경유 X)
2. npm run start (Fiori Launchpad 경유 ㅇ)
- Fiori launchpad : SAP의 FIori를 위한 포탈 

npm run start