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

• 목록

SAP AppGyver로 애플리케이션 제작하기

목차

1. SAP AppGyver 프로젝트 생성 
2. SAP 앱가이버 이해하기 
3. 앱 인터페이스 편집 
4. 스캔 버튼 추가 
5. 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 코드를 스캔합니다.

애플리케이션이 자동 새로고침되며 프로젝트를 볼 수 있습니다.