本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 为任意 SSR 框架使用开源适配器
<a name="using-framework-adapter"></a>

您可以使用为与 Amplify Hosting 集成而创建的任何 SSR 框架构建适配器。每个提供适配器的框架都决定了该适配器的配置方式以及如何连接到其构建过程。通常，您会将适配器作为 npm 开发依赖项进行安装。

使用框架创建应用程序后，请使用该框架的文档来学习如何安装 Amplify Hosting 适配器并在应用程序的配置文件中对其进行配置。

接下来，在项目的根目录中创建一个 `amplify.yml` 文件。在 `amplify.yml` 文件中，将 `baseDirectory` 设置为应用程序的构建输出目录。框架在构建过程中运行适配器，将输出转换为 Amplify Hosting 部署包。

构建输出目录的名称可以是任何名称，但 `.amplify-hosting` 文件名有具体意义。Amplify 首先会查找一个定义为 `baseDirectory` 的目录。如果存在，Amplify 会在那里查找构建输出。如果目录不存在，Amplify 会在 `.amplify-hosting` 中查找构建输出，即使客户尚未定义该输出也是如此。

以下是应用程序的构建设置示例。将 `baseDirectory` 设置为 `.amplify-hosting` 表示构建输出位于 `.amplify-hosting` 文件夹中。只要 `.amplify-hosting` 文件夹的内容符合 Amplify Hosting 部署规范，应用程序就会成功部署。

```
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)