Oracle Visual Builder

Oracle Visual Builder 是一種代管應用程式開發基礎架構的環境。它提供運用開放原始碼標準的解決方案，能夠在 Oracle Cloud 內開發、協作及部署應用程式。

起始步驟

您必須先啟用並設定 Oracle Visual Builder，才能使用此服務。您的服務管理員會啟用服務的功能，包括新增應用程式建立及儲存所在的主機名稱。請參閱 Integrating and Extending Oracle Content Management 中的 Integrate with Oracle Visual Builder。整合這兩項服務時需要 SSO，所以這兩項服務必須位於相同的識別網域內。

在 Oracle Visual Builder 中，您必須先完成下列動作，才能搭配 Oracle Content Management 使用此功能：

  • 必須在 Oracle Visual Cloud Service 端啟用跨源資源共享 (CORS)。

  • 應用程式必須已經建立、設為可用於內嵌，而且必須加以設定才能與 Oracle Content Management 搭配使用。

  • Web 應用程式必須已經建立，並且設為可內嵌在 iframe 之中。Sites SDK 必須已經匯入，並且在 Web 應用程式中參照。名為 “id” 的頁面 URL 參數必須已經新增至 Web 應用程式。

建立 Oracle Visual Builder 元件

整合啟用及應用程式和 Web 應用程式建立完成並可開始使用之後，必須為要新增至網站頁面的每個應用程式建立新元件。

  1. 在 Oracle Visual Builder 中，取得所發布 Web 應用程式的 URL。按一下包含該 Web 應用程式的即時專案，再按一下該 Web 應用程式。從位址列中複製 URL。

  2. 在 Oracle Content Management 中，按一下開發人員，然後按一下檢視所有元件。就會顯示已註冊的遠端元件與版面配置。

  3. 按一下建立並選擇建立視覺化產生器元件。

  4. 輸入元件的名稱。您不能使用其他元件或版面配置已經使用的名稱。

    名稱中可以包含字母、數字、底線 (_) 以及連字號 (-)。如果您輸入空格，系統會自動以底線取代。

    請勿使用下列作為樣板、主題、元件、網站、或網站頁面的名稱：authsite、content、pages、scstemplate_*、_comps、_components、_compsdelivery、_idcservice 、_sitescloud、_sitesclouddelivery、_themes、_themesdelivery。您可以使用下列名稱作為網站頁面的名稱，但不可以作為樣板、主題、元件或網站的名稱：文件、網站。

  5. (選擇性) 輸入元件的描述。

  6. 貼上即時 Web 應用程式或即時傳統應用程式的 URL。

  7. 按一下建立。元件建立之後，其名稱會顯示在元件清單中。按一下清單中的元件名稱，即可瀏覽構成該元件或版面配置的資料夾和檔案。

  8. 若要選取一個圖示，不是指定給元件的預設圖示：

    1. 從清單中選取元件。

    2. 按一下特性。

    3. 按一下元件標誌頁籤。

    4. 按一下標誌圖庫中的某個標誌，然後按一下完成。

將「元件」新增至網站頁面

現在可以將應用程式的元件新增至您的其中一個網站頁面。您可以將元件新增至公用或安全頁面。

  1. 瀏覽至您要編輯的頁面，並確定 「編輯」開關 已設為編輯。

  2. 新增元件至頁面。元件會顯示在「自訂」區段中。

  3. 若要編輯元件及其外觀，請按一下其功能表圖示 「元件功能表」圖示，然後選擇設定值。您可以調整元件的標籤、外觀、大小及對齊方式。請透過「樣式」頁籤使用與 Oracle Visual Builder 主機的元件相關聯的預設樣式。如需使用更多進階樣式，請在目前網站樣板之主題設計資料夾的 design.css 檔案中，編輯或新增樣式類別。樣式類別前置碼為 scs-component。

您可以在編輯網站時，以預覽模式檢視元件。網站發布之後，網站訪客就會看到針對與該元件搭配使用所選擇的 Oracle Visual Builder 應用程式，正在頁面上的 iFrame 中執行。