SAP App Gyver Unit2. SAP AppGyver로 애플리케이션 제작하기
페이지 정보
본문
SAP AppGyver로 애플리케이션 제작하기
목차
- SAP AppGyver 프로젝트 생성
- SAP 앱가이버 이해하기
- 앱 인터페이스 편집
- 스캔 버튼 추가
- AppGyver Previewer에서 애플리케이션 미리보기
1.SAP AppGyver 프로젝트 생성
프로젝트는 애플리케이션 개발 환경에서 생성됩니다.
SAP BTP Cockpit에서 이 환경에 액세스하려면 서비스 - 인스턴스 및 구독을 클릭한 다음 SAP AppGyver를 선택합니다.
![e438e5e7b82dd9e78381f941ea7211d47da11c9f934o.png](https://www.ksug.kr/data/editor/2111/e438e5e7b82dd9e78381f941ea7211d47da11c9f934o.png)
애플리케이션 개발 로비 내에서 create를 클릭한 후 앱가이버 프로젝트를 선택합니다.
![3ebf77bbadb570b3d55e7ec4cbad734c4d22edea4i3b.png](https://www.ksug.kr/data/editor/2111/3ebf77bbadb570b3d55e7ec4cbad734c4d22edea4i3b.png)
프로젝트 이름을 입력하고 추가 설명을 입력한 후 Create를 클릭합니다.
![dce78be228a790c587ed4d24278f73f8c1d87489w3ma.png](https://www.ksug.kr/data/editor/2111/dce78be228a790c587ed4d24278f73f8c1d87489w3ma.png)
AppGyver 애플리케이션이 생성되고 AppGyver Composer Pro 뷰가 표시됩니다.
2.SAP 앱가이버 이해하기
![d77bafab0e2cb563a5ccc8c2512b62c26d328378qxlg.png](https://www.ksug.kr/data/editor/2111/d77bafab0e2cb563a5ccc8c2512b62c26d328378qxlg.png)
AppGyver Composer Pro로 작업할 때 대부분의 시간은 앱 빌더 영역에서 보내게 됩니다. 이 영역에서는 다음과 같은 주요 작업을 완료할 수 있습니다.
-앱의 구조 및 탐색 로직 정의
-시각적 프로그래밍으로 복잡한 로직 생성
-외부 데이터 리소스와 통합
-데이터를 구성 요소에 바인딩하여 다이나믹 뷰 생성 가능
3.앱 인터페이스 편집
이제 텍스트 편집부터 시작하여 응용 프로그램의 기본 레이아웃을 만들어보겠습니다.
기존 헤드라인 필드를 클릭하고 텍스트를 아래와 같이 편집합니다.
- Barcode Scanner
![353e35012f5eccfccaaaf2c08f9bc82749cd1822ocs1.png](https://www.ksug.kr/data/editor/2111/353e35012f5eccfccaaaf2c08f9bc82749cd1822ocs1.png)
Paragraph필드를 선택하여 다음과 같이 편집하세요.
- Scan a barcode of a food product using your smartphone
![e9f7bc25fdc5e739dcda6ea16e05aa85ef674c16vsgn.png](https://www.ksug.kr/data/editor/2111/e9f7bc25fdc5e739dcda6ea16e05aa85ef674c16vsgn.png)
4.스캔 버튼 추가
다음으로 탭하면 스마트폰에서 카메라 장치가 열리는 스캔 버튼을 추가해야 합니다.
이렇게 하려면 Button 구성 요소(Core – Forms 아래에 있음)를 찾아 paragraph 필드 아래에 끌어다 놓습니다.
![1dd41c13e26079c9bd695b44b079d84d4d228d72sewb.png](https://www.ksug.kr/data/editor/2111/1dd41c13e26079c9bd695b44b079d84d4d228d72sewb.png)
버튼을 편집하여 텍스트에 Scan을 입력합니다.
![448bb9f2cfc4f6cdb4ffe9c9f504525aa184ba80b1d8.png](https://www.ksug.kr/data/editor/2111/448bb9f2cfc4f6cdb4ffe9c9f504525aa184ba80b1d8.png)
save를 눌러 저장합니다.
![d32417f1d130dc0140356e2ac6e1a51fb17fee85fvw1.png](https://www.ksug.kr/data/editor/2111/d32417f1d130dc0140356e2ac6e1a51fb17fee85fvw1.png)
이제 애플리케이션이 초안으로 저장되고 스마트폰의 AppGyver Preview 앱을 사용하여 미리 볼 수 있습니다.
5.AppGyver Previewer에서 애플리케이션 미리보기
스마트폰에 다운로드한 후 QR 코드를 사용하여 앱 내 SAP BTP의 앱가이버 계정에 로그인할 수 있습니다.
QR 코드를 스캔하려면 Launch를 클릭하십시오.
![543d4ac8ac6054abba92d296347845a8e9823299osm0.png](https://www.ksug.kr/data/editor/2111/543d4ac8ac6054abba92d296347845a8e9823299osm0.png)
다음으로 AppGyver Preview 앱 로그인 화면을 사용하여 사용 가능한 QR 코드를 스캔합니다.
![eaf35f6d80fcdc22d66a630515eab39c5a235e399l42.png](https://www.ksug.kr/data/editor/2111/eaf35f6d80fcdc22d66a630515eab39c5a235e399l42.png)
애플리케이션이 자동 새로고침되며 프로젝트를 볼 수 있습니다.
- 이전글SAP HANA Cloud : 시스템 가용성을 위한 Replica 21.11.30
- 다음글SAP App Gyver Unit1. SAP BTP의 low code/ no code 서비스 구독하기 21.11.19
댓글목록
![profile_image](https://www.ksug.kr/img/no_profile.gif)