入口網站開發總覽 (原始版本)

您正在查看 Apigee Edge 說明文件。
查看 Apigee X 說明文件
資訊

本節重點說明以原始版本 (1.0 版) 建構入口網站的專用步驟。

您可以按照遷移至新版入口網站的說明,遷移以原始版本為基礎的現有入口網站,以使用新版本提供的功能。

建立新入口網站時,系統會使用新的主題、API 文件和開發人員身分識別服務

關於範例入口網站

我們提供了可當做跳脫點使用的範例入口網站。新手網頁包含示範內容,這些商品是由一間虛構的食品購物車供應商公司「StreetCarts」所製作。這有助於您激勵自己的入口網站,並用獨特的內容替換文字和圖片。以下是所提供範例入口網站的首頁。

街頭車

範例入口網站提供了以下各組範例程式碼:

頁面 說明
首頁 說明展示 API 的入口網站首頁。這個選項會設為入口網站 (index.html) 的預設首頁。
立即開始 使用下拉式選單的範例文件頁面範例的第一頁。
設定 提供下拉式選單使用範例說明文件頁面的第二頁。
部署及執行 說明下拉式選單使用範例的第三頁範例文件頁面。
疑難排解 說明下拉式選單使用範例的第四頁說明文件頁面。
支援 客戶服務常見問題和聯絡資訊。
服務條款 服務條款頁面範例。
API 可用的 API 清單。當您產生互動式 API 參考說明文件時,系統會自動在這個頁面中加入內容連結。請參閱「應用程式開發人員與入口網站互動的方式」。

注意:系統會根據您發布至入口網站的 API 自動產生本頁內容。您無法直接編輯這個頁面的內容,無法將其顯示在網頁清單中。您可以使用主題編輯器修改網頁的樣式。
我的應用程式 授權使用者的已註冊應用程式清單。請參閱「應用程式開發人員與入口網站互動的方式」。

注意:系統會根據已註冊的使用者應用程式自動產生本頁內容。您無法直接編輯網頁內容,而不會顯示在網頁清單中。您可以使用主題編輯器修改網頁的樣式。
登入 已註冊使用者的登入頁面。新使用者只要在這個頁面按一下「註冊」,即可註冊。請參閱「應用程式開發人員與入口網站互動的方式」。

注意:登入頁面會自動加入您的入口網站。您無法直接編輯網頁內容,而不會顯示在網頁清單中。

自訂範例入口網站的快速秘訣

請參閱下圖,瞭解自訂範例入口網站的一些小提示。

小秘訣

如上圖所示,下表概述了您可以對範例入口網站進行的快速自訂設定。

# 自訂 說明 更多資訊
1 公司標誌 自訂含有貴公司標誌的「您的標誌」圖片。自訂標誌的 CSS 樣式,並替換以下檔案管理員中的下列圖片檔,方法是使用相同的名稱和相對檔案大小上傳標誌:
  • logo.jpg (140 像素 x 40 像素)
  • mobile-logo.jpg (140 像素 x 40 像素)
自訂標誌
2 標題選單 使用選單編輯器更新標題選單中的項目。 設定導覽功能
3 背景圖片 自訂首頁的背景圖片。自訂背景圖片的 CSS 樣式,並在檔案管理工具中使用相同的相對檔案大小 (1440 像素 x 540 像素),上傳自己的 portal-hero.jpg 圖片版本。您可以修改主題中使用的檔案名稱。 自訂首頁的背景圖片
4 CSS 樣式表 更新樣式表,在主題編輯器中使用自己的精簡樣式。 自訂主題
5 入口網站內容 在網頁編輯器中編輯入口網站頁面的內容。 使用網頁編輯器開發入口網站內容
6 頁尾選單 使用選單編輯器更新頁尾選單中的項目。 設定導覽功能