SAP App Gyver Unit2. SAP AppGyver로 애플리케이션 제작하기
페이지 정보
본문
SAP AppGyver로 애플리케이션 제작하기
목차
- SAP AppGyver 프로젝트 생성
- SAP 앱가이버 이해하기
- 앱 인터페이스 편집
- 스캔 버튼 추가
- AppGyver Previewer에서 애플리케이션 미리보기
1.SAP AppGyver 프로젝트 생성
프로젝트는 애플리케이션 개발 환경에서 생성됩니다.
SAP BTP Cockpit에서 이 환경에 액세스하려면 서비스 - 인스턴스 및 구독을 클릭한 다음 SAP AppGyver를 선택합니다.

애플리케이션 개발 로비 내에서 create를 클릭한 후 앱가이버 프로젝트를 선택합니다.

프로젝트 이름을 입력하고 추가 설명을 입력한 후 Create를 클릭합니다.

AppGyver 애플리케이션이 생성되고 AppGyver Composer Pro 뷰가 표시됩니다.
2.SAP 앱가이버 이해하기

AppGyver Composer Pro로 작업할 때 대부분의 시간은 앱 빌더 영역에서 보내게 됩니다. 이 영역에서는 다음과 같은 주요 작업을 완료할 수 있습니다.
-앱의 구조 및 탐색 로직 정의
-시각적 프로그래밍으로 복잡한 로직 생성
-외부 데이터 리소스와 통합
-데이터를 구성 요소에 바인딩하여 다이나믹 뷰 생성 가능
3.앱 인터페이스 편집
이제 텍스트 편집부터 시작하여 응용 프로그램의 기본 레이아웃을 만들어보겠습니다.
기존 헤드라인 필드를 클릭하고 텍스트를 아래와 같이 편집합니다.
- Barcode Scanner

Paragraph필드를 선택하여 다음과 같이 편집하세요.
- Scan a barcode of a food product using your smartphone

4.스캔 버튼 추가
다음으로 탭하면 스마트폰에서 카메라 장치가 열리는 스캔 버튼을 추가해야 합니다.
이렇게 하려면 Button 구성 요소(Core – Forms 아래에 있음)를 찾아 paragraph 필드 아래에 끌어다 놓습니다.

버튼을 편집하여 텍스트에 Scan을 입력합니다.

save를 눌러 저장합니다.

이제 애플리케이션이 초안으로 저장되고 스마트폰의 AppGyver Preview 앱을 사용하여 미리 볼 수 있습니다.
5.AppGyver Previewer에서 애플리케이션 미리보기
스마트폰에 다운로드한 후 QR 코드를 사용하여 앱 내 SAP BTP의 앱가이버 계정에 로그인할 수 있습니다.
QR 코드를 스캔하려면 Launch를 클릭하십시오.

다음으로 AppGyver Preview 앱 로그인 화면을 사용하여 사용 가능한 QR 코드를 스캔합니다.

애플리케이션이 자동 새로고침되며 프로젝트를 볼 수 있습니다.
- 이전글SAP HANA Cloud : 시스템 가용성을 위한 Replica 21.11.30
- 다음글SAP App Gyver Unit1. SAP BTP의 low code/ no code 서비스 구독하기 21.11.19
댓글목록
