Oracle Visual Builder

Oracle Visual Builder — это управляемая среда для вашей инфраструктуры разработки приложений. Она предоставляет стандартизированные решения с открытым исходным кодом для разработки приложений, совместной работы над ними и их развертывания в Oracle Cloud.

Начало работы

Перед использованием сервиса Oracle Visual Builder его необходимо включить и настроить. Администратор сервиса включает функции, в том числе добавляет имя хоста, на котором создаются и размещаются приложения. См. раздел Интеграция с Oracle Visual Builder в документе Integrating and Extending Oracle Content Management. Для интеграции сервисов необходимо использовать функцию единого входа, поэтому оба сервиса должны размещаться в одном домене идентификационных данных.

Необходимо выполнить следующие действия в Oracle Visual Builder перед использованием этой функции с Oracle Content Management.

  • На сайте Oracle Visual Cloud Service необходимо включить технологию CORS (Cross-Origin Resource Sharing).

  • Необходимо создать приложения, сделать их доступными для внедрения и настроить для использования с Oracle Content Management.

  • Необходимо создать приложения и сделать их доступными для внедрения в iframe. Необходимо импортировать Sites SDK. В веб-приложениях должны быть указаны ссылки на Sites SDK. В веб-приложения необходимо добавить параметр URL-адреса страницы с именем "id".

Создание компонентов 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.

Во время редактирования сайта можно выполнить предварительный просмотр компонента. После публикации вашего сайта его посетители увидят приложение Oracle Visual Builder, выбранное для использования с этим компонентом и запущенное в iFrame на странице.