使用開源配接器

您可以使用為與 Amplify 主機整合而建立的任何SSR架構建置轉接器。每個提供轉接器的架構都會決定介面卡的配置方式，以及如何連接到其建置流程。一般而言，您會將介面卡安裝為 npm 開發相依性。

使用架構建立應用程式之後，請使用架構的文件來學習如何安裝 Amplify Hosting 配接器，並在應用程式的設定檔中進行設定。

接下來，在項目的根目錄中創建一個amplify.yml文件。在amplify.yml檔案中，將設定baseDirectory為應用程式的建置輸出目錄。架構會在建置程序期間執行介面卡，以將輸出轉換為 Amplify 主機部署服務包。

build 輸出目錄的名稱可以是任何名稱，但.amplify-hosting文件名具有重要意義。Amplify 首先尋找定義為. baseDirectory 如果存在，Amplify 會在那裡尋找構建輸出。如果目錄不存在，Amplify 會尋找內部的組建輸出.amplify-hosting，即使客戶尚未定義該目錄也是如此。

以下是應用程序的構建設置的示例。設定baseDirectory為.amplify-hosting以指出組建輸出位於.amplify-hosting資料夾中。只要.amplify-hosting資料夾的內容符合 Amplify 主機部署規格，應用程式就會成功部署。

version: 1
frontend:
  preBuild:
    commands:
      - npm install
  build:
    commands:
      - npm run build
  artifacts:
    baseDirectory: .amplify-hosting

將應用程序配置為使用框架適配器後，您可以將其部署到 Amplify 託管。如需詳細說明，請參閱部署SSR應用程式以 Amplify。