【SAPUI5】OData(7) OData를 사용한 SAPUI5 어플리케이션을 만드는 방법 준비편

6464 단어 SAPUI5ODataSAP

개요



SAP Gateway Demo System의 OData 서비스를 사용하여 SAPUI5 앱을 만들고 싶습니다. 이번에는 준비편으로 SAP Gateway Demo System에 연결 설정을 합니다.

※OData 관련의 투고 일람은 이하의 기사를 참조해 주세요.
【SAPUI5】OData(1) OData란?

이번에 할 일


  • SAP Gateway Demo System에 사용자 등록
  • 서비스 metadata 확인
  • SAP Cloud Platform Cockpit에서 대상 설정
  • WebIDE에서 연결 확인

  • 1. SAP Gateway Demo System에 로그인



    다음 페이지를 참조하여 SAP Gateway Demo System에 사용자 등록합니다.
    htps : //에서 ゔぇぺぺrs. 음 p. 이 m/개별 ls/가 주름 y-에서도-하지 g p. HTML

    전제로 SAP Cloud Platform Cockpit 계정이 필요합니다. 계정을 만드는 방법은 아래를 참조하세요.
    【SAPUI5】Hello World

    로그인하면 다음과 같이 webgui 화면이 시작됩니다.
    여기에서 개발 등은 할 수없는 것 같습니다. 사용자 등록은 SAP Gateway Demo System 서비스를 사용할 수 있도록 하기 위한 것입니다.


    2. 서비스 metadata 확인



    SAP Gateway Demo System이 어떤 OData 서비스를 제공하는지 살펴보겠습니다.
    브라우저에 다음을 입력합니다. 로그인하라는 메시지가 표시되면 1단계에서 설정한 사용자 ID와 비밀번호를 입력합니다.
    htps : // Sape s5. 음 p로 v 선 r. 코 m/사 p/오프타/오다타/이 W 베 P/GW 사 MP〇_바시 C/$
    meatadata가 표시됩니다.


    아래의 Entity Set, Navigation Property가 준비되어 있는 것을 알았습니다.


    엔티티 세트
    Navigation Property


    BusinessPartnerSet
    ToSalesOrders, ToContacts, ToProducts

    ProductSet
    ToSalesOrderLineItems, ToSupplier

    SalesOrderSet
    ToBusinessPartner, ToLineItems

    SalesOrderLineItemSet
    ToHeader, ToProduct

    ContactSet
    ToBusinessPartner


    그림으로 나타내면, 이런 느낌입니다.


    3. SAP Cloud Platform Cockpit에서 대상 설정



    1.에서 등록한 SAP Gateway Demo System을 SAP Cloud Platform Cockpit에 등록합니다. 이렇게 하면 웹 IDE에서 앱을 만들 때 OData 서비스를 선택할 수 있습니다.
    참고 : htps : //에서 ゔぇぺぺrs. 음 p. 이 m/개별 ls/가 주름 y-에서도-하지 g p. HTML

    아래 URL에서 SAP Cloud Platform Cockpit에 로그인합니다.
    htps // 아코응 t. 하나 티아 l. 어서 만 d. 코 m / 코 ck 피 t

    "Neo Trial"을 선택합니다.


    "Connectivity"메뉴를 열고 "Destinations"를 선택합니다.


    New Destination을 클릭합니다.


    다음 내용을 입력합니다.
    URL : htps : // Sape s5. 음 p로 v 선 r. 이 m


    "New Property"버튼을 눌러 추가로 다음 내용을 입력합니다.
    WebIDE에서 이 목적지를 사용할 수 있도록 하기 위한 설정입니다.
    WebIDEUsage: odata_gen, odata_abap, bsp_execute_abap


    입력이 끝나면 "SAVE"버튼을 누릅니다.

    4. WebIDE에서 연결 확인



    마지막으로 WebIDE에서 연결이 제대로 작동하는지 확인합니다.
    WebIDE에 로그인하고 "New Project from Template"을 선택합니다.


    "SAP Fiori Master-Detail Application"을 선택하고 "Next"를 누릅니다.


    Project Name, Title을 입력합니다. (접속 확인이 목적이므로 이름은 적당합니다)


    연결 대상 설정에서 "Service URL"을 선택하고 풀다운에서 "ES5"를 선택합니다.


    서비스 URL에 다음을 입력합니다.
    sap/opu/odata/IWBEP/GWSAMPLE_BASIC


    "Test"버튼을 눌러 Entity Set가 표시되면 성공합니다.


    관련 기사



    OData(6) SAP에서 OData 서비스를 만드는 방법 개발편-2
    OData(8) OData를 사용하여 SAPUI5 애플리케이션을 만드는 방법 개발편-1

    좋은 웹페이지 즐겨찾기