Oracle Visual Builder

Oracle Visual Builder는 호스트된 애플리케이션 개발 인프라 환경입니다. Oracle Cloud 내에서의 애플리케이션 개발, 공동 작업 및 배치를 위해 오픈 소스 표준 기반 솔루션이 제공됩니다.

초기 단계

Oracle Visual Builder를 사용하기 전에 사용으로 설정되고 구성되어야 합니다. 서비스 관리자가 앱 생성 및 저장 위치에 대한 호스트 이름을 추가하는 등 서비스에 대한 기능을 사용으로 설정합니다. Integrating and Extending Oracle Content Management의 Integrate with Oracle Visual Builder를 참조하십시오. 두 서비스 간의 통합을 위해서는 SSO가 필요하므로 두 서비스가 동일한 ID 도메인에 있어야 합니다.

Oracle Visual Builder에서 다음 작업이 완료되어야만 Oracle Content Management에서 이 기능을 사용할 수 있습니다.

  • CORS(교차 출처 리소스 공유)가 Oracle Visual Cloud Service 사이트에서 사용으로 설정되어야 합니다.

  • 앱이 생성된 후 포함될 수 있도록 제공되고 Oracle Content Management에서 사용되도록 구성되어야 합니다.

  • 웹 애플리케이션이 생성된 후 iframe에 포함될 수 있도록 제공되어야 합니다. 사이트 SDK가 임포트된 후 웹 애플리케이션에서 참조되어야 합니다. "id"라는 페이지 URL 매개변수가 웹 애플리케이션에 추가되어야 합니다.

Oracle Visual Builder 구성요소 생성

통합이 사용으로 설정되고 앱 및 웹 애플리케이션이 생성되어 사용 준비가 완료되면 사이트 페이지에 추가할 각 앱에 대한 새 구성요소를 생성해야 합니다.

  1. Oracle Visual Builder에서 게시된 웹 애플리케이션의 URL을 가져옵니다. 웹 애플리케이션이 포함된 라이브 프로젝트를 누르고 웹 애플리케이션을 누릅니다. 주소 표시줄에서 URL을 복사합니다.

  2. Oracle Content Management에서 개발자를 누르고 모든 구성요소 보기를 누릅니다. 등록된 원격 구성요소 및 레이아웃이 표시됩니다.

  3. 생성을 누르고 Visual Builder 구성요소 생성을 선택합니다.

  4. 구성요소의 이름을 입력합니다. 다른 구성요소 또는 레이아웃에 사용되는 이름은 사용할 수 없습니다.

    문자, 숫자, 밑줄(_) 및 하이픈(-)을 사용할 수 있습니다. 공백을 입력하면 자동으로 밑줄로 바뀝니다.

    템플리트, 테마, 구성요소, 사이트 또는 사이트 페이지에 다음 이름을 사용하지 마십시오: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice, _sitescloud, _sitesclouddelivery, _themes, _themesdelivery. 사이트 페이지에는 다음 이름을 사용할 수 있지만 템플리트, 테마, 구성요소 또는 사이트에는 사용하지 마십시오: documents, sites.

  5. 선택적으로 구성요소에 대한 설명을 입력합니다.

  6. 라이브 웹 애플리케이션 또는 라이브 클래식 애플리케이션에 URL을 붙여 넣습니다.

  7. 생성을 누릅니다. 구성요소가 생성되면 구성요소 목록에 이름이 나타납니다. 목록에서 구성요소 이름을 눌러 구성요소 또는 레이아웃을 구성하는 폴더 및 파일을 탐색할 수 있습니다.

  8. 구성요소에 지정된 기본 아이콘 이외의 아이콘을 선택하려면 다음을 수행합니다.

    1. 목록에서 구성요소를 선택합니다.

    2. 속성을 누릅니다.

    3. 구성요소 로고 탭을 누릅니다.

    4. 로고 갤러리에서 로고를 누른 다음 완료를 누릅니다.

사이트 페이지에 구성요소 추가

이제 사이트 페이지 중 하나에 앱의 구성요소를 추가할 수 있습니다. 구성요소는 공용 또는 보안 페이지에 추가할 수 있습니다.

  1. 편집할 페이지로 이동하고 편집 스위치가 편집으로 설정되어 있는지 확인합니다.

  2. 페이지에 구성요소를 추가합니다. [사용자정의] 섹션에 구성요소가 표시됩니다.

  3. 구성요소 및 구성요소 모양을 편집하려면 메뉴 아이콘 구성요소 메뉴 아이콘을 누르고 설정을 선택합니다. 구성요소 레이블, 모양, 크기 및 맞춤을 조정할 수 있습니다. [스타일] 탭에서는 Oracle Visual Builder 호스트에서 구성요소와 연관된 기본 스타일을 사용합니다. 고급 스타일 지정을 위해서는 현재 사이트 템플리트의 테마 디자인 폴더에서 design.css 파일에 있는 스타일 클래스를 편집하거나 추가합니다. 스타일 클래스 접두어는 scs-component입니다.

사이트를 편집할 때 미리보기 모드로 구성요소를 볼 수 있습니다. 사이트가 게시되면 페이지의 iFrame에서 실행되는 해당 구성요소를 사용하도록 선택된 Oracle Visual Builder 앱이 사이트 방문자에게 표시됩니다.