Oracle Visual Builder를 사용하여 프론트 엔드 애플리케이션 생성

Oracle Visual Builder는 개발 워크플로우의 모든 단계를 지원하며, 애플리케이션을 생성 및 게시하지 못합니다.

애플리케이션의 아티팩트를 빌드하고 빌드 블록을 정의하기 위해 Oracle Visual Builder에서 특정 순서를 따를 필요는 없습니다. 진행 방법은 개인 환경설정이며 응용 프로그램을 계획한 방법에 따라 결정됩니다.

시각적 애플리케이션을 생성하여 Oracle Visual Builder에서 애플리케이션 화면을 빠르게 작성할 수 있습니다.

시각적 애플리케이션 생성

시각적 애플리케이션은 웹 및 모바일 애플리케이션을 개발하는 데 사용할 리소스 모음입니다. 시각적 애플리케이션은 데이터 소스 및 비즈니스 객체를 설명하는 JSON 파일의 메타데이터를 포함하며 웹 애플리케이션의 HTML 및 JavaScript 파일을 포함합니다. 일부 리소스는 시각적 응용 프로그램을 만들 때 기본적으로 생성됩니다.

시각적 애플리케이션을 생성하려면 다음을 수행합니다.
  1. Visual Applications 홈 페이지가 아닌 경우 홈 페이지의 메뉴에서 Visual Applications를 선택합니다.

    시각적 애플리케이션을 생성하려면 먼저 Visual Applications용 홈 페이지를 열어야 합니다.

  2. Visual Applications 홈 페이지에서 새로 만들기 를 누릅니다.
  3. 애플리케이션 생성 대화상자에 애플리케이션 이름을 입력하고 생성 을 누릅니다.

    애플리케이션 ID 필드는 사용자가 제공한 애플리케이션 이름에 따라 자동으로 채워집니다. 애플리케이션 ID를 수정할 수 있지만 ID 도메인에서 고유해야 합니다.

새 시각적 애플리케이션은 생성 시 자동으로 열리고 아티팩트 브라우저 및 시작 화면이 표시됩니다. 새 애플리케이션에 아티팩트가 포함되어 있지 않습니다. [시작] 화면을 사용하여 먼저 생성할 아티팩트를 결정할 수 있습니다. 시작 화면에서 타일을 눌러 아티팩트를 생성 및 관리할 수 있는 아티팩트 브라우저 에서 패널을 엽니다. 여러 모바일 및 웹 애플리케이션을 추가할 수 있으며 모든 앱이 시각적 애플리케이션에 노출된 데이터 소스에 액세스할 수 있습니다.

끝점에서 서비스 접속 생성

서비스의 기본 URI를 알고 있을 때 끝점에서 접속을 생성하고 인증 세부정보, 응답 본문 예제 등 서비스에 접속하는 데 필요한 매개변수를 제공할 수 있습니다.

끝점 URL에서 서비스 접속을 생성하려면 다음과 같이 하십시오.

  1. 아티팩트 브라우저에서 서비스 접속 을 열고 서비스 접속 생성(서비스 접속 생성 아이콘) 을 누릅니다.

    아티팩트 브라우저에서 서비스 연결을 관리하고 생성합니다.

  2. 서비스 접속 생성 마법사의 [소스 선택 ] 창에서 끝점별 정의 를 누릅니다.
  3. HTTP 메소드를 선택하고 끝점의 URL을 입력합니다. 다음 을 누릅니다.
  4. 서비스 탭에서 서비스 기본 URL, 서비스 이름 및 서비스 ID가 올바른지 확인합니다.
    지정한 끝점에 따라 이러한 값이 자동으로 채워질 수 있습니다.
  5. 필요한 경우 인증 탭을 누르고 인증 세부정보를 입력합니다.
  6. 요청에 헤더 및 URL 매개변수를 추가하려면 요청 탭을 누릅니다.

    끝점에 따라 요청의 일부로 전달되는 사용자정의 헤더 또는 경로 또는 질의 매개변수를 추가할 수 있습니다.

  7. 응답 탭을 누르고 끝점에 대한 응답 본문을 입력합니다.

    응답 탭에는 응답 본문 예를 붙여넣을 수 있는 텍스트 영역이 있습니다. 응답의 예는 반환된 객체의 구조 정의입니다. 예가 없을 경우 테스트 탭에서 서비스에 요청을 전송하고 응답을 볼 수 있습니다. 응답 탭의 텍스트 영역에서 응답 본문을 편집할 수 있습니다 .

  8. 테스트 탭을 눌러 요청을 테스트하고 끝점의 응답을 봅니다.

    전송 을 눌러 수신할 응답 본문과 헤더를 보고 원하는 데이터를 수신할 것인지 확인합니다.

    원하는 응답을 얻을 때까지 다른 요청 매개변수를 사용해 볼 수 있습니다.

    주:

    [테스트] 탭을 사용하여 서비스를 테스트하고 다른 탭의 설정에 따라 끝점으로 전송될 요청에 대한 응답을 볼 수 있습니다. 응답이 오류를 반환하는 경우 접속 세부정보를 확인해야 합니다. 예를 들어, 올바른 인증서를 사용 중인지 또는 서비스가 적합한 SSL 인증서를 사용하는지 확인해야 합니다. 개발 목적상, 서비스에서 지원하는 경우 인증에 대해 토큰 릴레이를 사용으로 설정하려고 할 수 있습니다.
  9. 현재 응답을 추가로 편집할 수 있는 응답 탭의 텍스트 영역에 복사하려면 응답 본문에 복사 를 누릅니다.
  10. 요청 매개변수 및 응답에 만족하면 생성 을 누릅니다.

참고:

서비스에서 끝점을 추가한 후 접속의 끝점 탭에서 + 끝점을 누르고 메뉴에서 원래 서비스에서 를 선택하여 동일한 서비스에서 끝점을 더 추가할 수 있습니다.

모바일 애플리케이션 생성

시각적 애플리케이션의 각 모바일 애플리케이션은 독립적이지만 모든 애플리케이션은 시각적 애플리케이션에 정의된 데이터 소스를 사용할 수 있습니다.

시각적 응용 프로그램에서 모바일 응용 프로그램을 생성하려면 다음과 같이 하십시오.
  1. 아티팩트 브라우저에서 모바일 응용 프로그램 을 눌러 모바일 앱 창을 엽니다.
    시각적 응용 프로그램에 있는 각 모바일 응용 프로그램의 구조적 표현이 모바일 앱 창에 표시됩니다.

    모바일 응용 프로그램이 생성되지 않은 경우 창에 메시지가 표시되고 새 모바일 응용 프로그램 대화상자를 열기 위해 누를 수 있는 + 모바일 응용 프로그램 단추가 표시됩니다.

  2. 아티팩트 브라우저에서 모바일 응용 프로그램 생성 을 누릅니다.
    [새 모바일 응용 프로그램] 의 [일반 사항] 페이지에서 생성하려는 모바일 응용 프로그램의 응용 프로그램 이름을 제공합니다. 두 개의 탐색 스타일 중 하나를 선택할 수도 있습니다. 3개의 탐색 항목이 포함된 아래쪽 막대 탐색 스타일은 기본적으로 구성됩니다. 네비게이션 항목 수를 최소 2개 또는 최대 5까지 아래로 수정할 수 있습니다. 시작 페이지를 사용하는 페이지 플로우가 각 탐색 항목에 대해 생성됩니다. 또는 나중에 모바일 애플리케이션에 대한 탐색 항목을 구성하려면 없음 을 선택합니다. 없음 을 선택하면 모바일 애플리케이션에 대해 한 페이지 플로우가 생성됩니다.
  3. 미리 정의된 옵션 중에서 모바일 응용 프로그램의 홈 화면에 대한 레이아웃을 선택하려면 다음 아이콘을 누르고, 나중에 홈 화면의 레이아웃을 구성하려면 완료 를 누릅니다.

Oracle Visual Builder는 Apache Cordova 프레임워크를 사용하여 모바일 응용 프로그램이 설치된 장치의 기능에 액세스합니다. Apache Cordova는 응용 프로그램 개발자가 표준 웹 기술(HTML, CSS 및 JavaScript) 을 사용하여 모바일 응용 프로그램을 개발할 수 있도록 해주는 오픈 소스 플랫폼간 개발 프레임워크입니다.