본문 바로가기
ABAP2UI5

ABAP2UI5 설치(수동) - 2.Service Page 생성

by SE38 2023. 4. 11.

안녕하세요.

이번엔 이전 시간에 이어서, Service Page 를 생성시키도록 하겠습니다.

( On-Premis 환경을 바탕으로 합니다, Cloud인 경우 Github Installation 다른 소스를 넣어주시면 됩니다 )

 

ABAP에서 만드는 일반 프로그램이라면, SE80이나 SE38에서 실행시키면 되지만,

웹딘프로나 UI5는 화면을 표시할 웹 브라우저가 필요합니다.

해서, ABAP2UI5를 직접 화면에 띄우는, Service Page를 생성합니다.

 

2023.04.07 - [ABAP2UI5] - ABAP2UI5 설치(수동) - 1.Object 생성

 

ABAP2UI5 설치(수동) - 1.Object 생성

안녕하세요. 이번 글에선 ABAP2UI5 설치에 대해 알아보도록 하겠습니다. https://github.com/oblomov-dev/abap2ui5/wiki Home Development of UI5 Apps in pure ABAP. Contribute to oblomov-dev/abap2UI5 development by creating an account on Gi

se38.tistory.com


1. Z2UI5_CL_HTTP_HANDLER 인터페이스 추가

우선 이전 Handler 클래스에, 요청(테스트 페이지 실행)이 들어오면 반응하도록 인터페이스 및 로직을 추가합니다.

인터페이스 추가 후, 서버 환경에 따라 Github 해당부분 소스 복붙 해주시면 됩니다.

 

1) Interface 추가(IF_HTTP_EXTENSION)

 

2) Method 로직 추가(HANDLE_REQUEST)

 

https://github.com/oblomov-dev/abap2ui5/wiki/Installation

 

Installation

Development of UI5 Apps in pure ABAP. Contribute to oblomov-dev/abap2UI5 development by creating an account on GitHub.

github.com


2. Service Page 생성

ABAP2UI5를 실행할 테스트 페이지를 만들어줍니다.

아마 ALV만 하셨던분들은 T-CODE 자체가 생소하실건데, 어려울건 없습니다.

페이지를 만들고 Handler 클래스 연결만 시키면 되는 아주 간단한 작업입니다.

 

1) Service Page 생성(T-CODE : SICF)

SICF로 들어가셔서 프로그램 실행시키면, 트리가 접힌 상태로 나올겁니다.

적당한 경로를 찾기 위해서, 여기선 default_host -> sap -> bc 하위에다 Page를 생성시켜 줍니다.

bc에 클릭해서 포커스를 맞춘 다음, 호스트/서비스 생성으로 페이지를 생성합니다.

 

'z2ui5'로 페이지를 생성시켜줍니다.(대소문자 구분되나 상관은 없습니다)

경로 및 서비스이름 확인해주시고, 내역, 핸들러 클래스(Z2UI5_CL_HTTP_HANDLER) 입력해줍니다.

페이지 실행 시, Z2UI5_CL_HTTP_HANDLER 클래스가 반응해라 라는 의미입니다.

 

 

서비스를 만들고 나면 비활성화 상태로 존재합니다.(서비스 회색)

해당 서비스를 실행하기 위해선 활성화를 시켜주시면 검은색으로 노드가 바뀝니다.

테스트를 눌러주시면 웹 브라우저로 페이지가 실행됩니다.

 

 

 

해당 경로 밑으로 만든, 테스트 페이지가 정상적으로 실행되는 모습입니다.

이제 기본 준비는 다 끝났습니다.

다음번에 Demo 페이지 생성 및 실행 해보도록 하겠습니다.

 


조금이나마 도움이 되셨다면 좋아요, 댓글 부탁드립니다.
(옳은 방향으로 나아가고 있다는 믿음으로, 제가 계속 티스토리를 운영하는데 큰 힘이 됩니다)

또한 제 설명이 틀리거나, 궁금하신 내용은 언제든 문의 환영합니다 :)

 

'ABAP2UI5' 카테고리의 다른 글

ABAP2UI5 설치 - Demo 생성 및 실행  (0) 2023.04.11
ABAP2UI5 설치(수동) - 1.Object 생성  (2) 2023.04.07
ABAP2UI5 소개  (0) 2023.04.07

댓글