本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 對任何 SSR 架構使用開放原始碼轉接器
<a name="using-framework-adapter"></a>

您可以使用為與 Amplify Hosting 整合而建立的任何 SSR 架構建置轉接器。每個提供轉接器的架構都會決定轉接器的設定方式，並連接到其建置程序。一般而言，您會將轉接器安裝為 npm 開發相依性。

使用架構建立應用程式後，請使用架構的文件，了解如何安裝 Amplify 託管轉接器，並在應用程式的組態檔案中進行設定。

接著，在專案的根目錄中建立 `amplify.yml` 檔案。在 `amplify.yml`檔案中，將 `baseDirectory` 設定為應用程式的建置輸出目錄。框架會在建置程序期間執行轉接器，將輸出轉換為 Amplify Hosting 部署套件。

組建輸出目錄的名稱可以是任何項目，但`.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 Hosting。如需詳細說明，請參閱[將 SSR 應用程式部署至 Amplify](server-side-rendering-amplify.md#deploy-ssr-framework-app)。