使用 Oracle Visual Builder 建立前端應用程式

Oracle Visual Builder 支援開發工作流程的所有階段，從建立到安裝和發布應用程式。

您不必遵循 Oracle Visual Builder 中的特定順序，在應用程式中建立物件，並定義建置區塊。繼續進行的方式是個人偏好設定，並由您計畫應用程式的方式決定。

您可以在 Oracle Visual Builder 中建立視覺化應用程式，以快速建置您的應用程式畫面。

建立視覺應用程式

視覺化應用程式是您用來開發 Web 和行動應用程式的資源集合。視覺化應用程式包含 JSON 檔案中描述資料，描述資料來源和商業物件，並且包含 Web 應用程式的 HTML 和 JavaScript 檔案。建立視覺化應用程式時，依預設會建立部分資源。

若要建立視覺化應用程式：

1. 如果您不是在 Visual Applications 首頁，請在首頁的功能表中選取視覺應用程式。

   若要建立視覺應用程式，您必須先開啟視覺應用程式的首頁。

2. 按一下「視覺應用程式」首頁中的新建。
3. 在建立應用程式對話方塊中輸入應用程式名稱，然後按一下建立。

   「應用程式 ID」欄位會根據您提供的應用程式名稱自動填入。您可以修改應用程式 ID，但該 ID 在識別網域中必須是唯一的。

您的新視覺化應用程式會在建立時自動開啟，並顯示物件瀏覽器與歡迎畫面。您的新應用程式不包含任何物件。您可以使用「歡迎使用」畫面來協助您決定要先建立哪些人工因素。按一下「歡迎使用」畫面中的任何磚，在「物件瀏覽器」中開啟可供您建立和管理物件的面板。您可以新增多個行動和 Web 應用程式，而所有應用程式都可以存取您在視覺化應用程式中顯示的資料來源。

從端點建立服務連線

如果您知道服務的基礎 URI，則可以從端點建立連線，並提供連線至服務所需的參數，例如認證詳細資訊以及回應主體的範例。

若要從端點的 URL 建立服務連線：

1. 在使用者自建物件瀏覽器中開啟服務連線，然後按一下建立服務連線 ()。

   您可以在「使用者自建物件瀏覽器」中管理及建立服務連線。

2. 在「建立服務連線」精靈的「選取來源」窗格中，按一下「依端點定義」。
3. 選取 HTTP 方法，然後輸入端點的 URL。按一下下一步。
4. 在「服務」頁籤中，確認服務基礎 URL、服務名稱以及服務 ID 是否正確。
   視您指定的端點而定，可能會自動為您填入這些值。
5. 按一下認證頁籤，然後視需要輸入認證詳細資訊。
6. 按一下要求頁籤即可新增要求的標頭和 URL 參數。

   視端點而定，您可能會想要新增要求過程中傳遞的自訂標頭或路徑或查詢參數。

7. 按一下回應頁籤，然後輸入端點的回應主體。

   「回應」頁籤中有一個文字區域，可供您貼上回應主體的範例。回應中的範例是傳回物件結構的定義。如果您沒有範例，可以使用「測試」頁籤將要求傳送給服務並檢視回應。您可以在「回應」頁籤的文字區中編輯回應內文。

8. 按一下測試頁籤來測試您的要求，並檢視端點的回應。

   按一下「傳送」即可檢視將收到的回應內文和標頭，確認您將會收到想要的資料。

   您可以嘗試使用不同的要求參數，直到達到您想要的回應為止。

   注意：

   您可以使用「測試」頁籤來測試服務，並根據其他頁籤中的設定，檢視將要傳送至端點之要求的回應。如果回應傳回錯誤，您將需要檢查連線詳細資訊，例如確保您使用的是正確的證明資料，或服務使用的是有效的 SSL 憑證。為了開發，您可以嘗試在服務支援「記號轉送」認證時，啟用「記號轉送」進行認證。
9. 按一下複製到回應主體，即可將目前的回應複製到「回應」頁籤的文字區域中，您可以在此進一步編輯回應。
10. 當您對要求和回應的參數沒有問題時，請按一下建立。

秘訣：

從服務新增端點之後，您可以按一下連線之端點頁籤中的+端點，然後從功能表中選擇原始服務，以新增相同服務的多個端點。

建立行動應用程式

視覺化應用程式中的每個行動應用程式都是獨立的，但所有應用程式都可以使用視覺化應用程式中定義的資料來源。

若要在視覺化應用程式中建立行動應用程式：

1. 按一下使用者自建物件瀏覽器中的行動應用程式，以開啟「行動應用程式」窗格。
   您視覺化應用程式中每個行動應用程式的結構表示法，會顯示在「行動應用程式」窗格中。

   如果未建立任何行動應用程式，您將會在窗格中看到訊息，以及可按一下+行動應用程式按鈕來開啟「新建行動應用程式」對話方塊。

2. 在使用者自建物件瀏覽器中按一下建立行動應用程式。
   在「新行動應用程式」的「一般」頁面中，提供您即將建立之行動應用程式的應用程式名稱。您也可以選擇兩個導覽樣式之間的其中一個。預設會設定三個導覽項目的「底端列」導覽樣式。您可以將導覽項目的數目修改成最小值 2 或最多 5 個。系統會替每個導覽項目產生一個包含起始頁面的頁面流程。如果您稍後要設定行動應用程式的導覽項目，請選取無。如果選取無，則會為行動應用程式產生一個頁面流程。
3. 若要從選取的預先定義選項中選擇行動應用程式「首頁」畫面的版面配置，請按一下「下一步」圖示；若稍後想要設定「首頁」畫面的版面配置，請按一下「完成」。

Oracle Visual Builder 使用 Apache Cordova 架構來存取安裝行動應用程式之裝置的功能。Apache Cordova 是一種開放原始碼跨平台開發架構，可讓應用程式開發人員使用標準 Web 技術 (HTML、CSS 及 JavaScript) 來開發行動應用程式。