如何在不使用 .zip 文件的情况下将我的 web 应用程序从 Gitlab 上传到 Amplify

如何解决如何在不使用 .zip 文件的情况下将我的 web 应用程序从 Gitlab 上传到 Amplify

我是 HTML/CSS 的新手，我正在尝试使用 Amplify 来托管我的静态网站。我可以轻松使用“手动部署”选项并上传 .zip 文件。

将 Gitlab 与 Amplify 结合使用以便轻松进行更改的首选方法是什么？

我的目标是将所有内容都放在未压缩的存储库中，以便我可以不断进行更改。

解决方法

您需要使用 Hosting with Amplify Console 选项为您的网站设置托管，该选项提供了一个基于 git 的工作流程，用于直接从源代码管理构建、部署和托管您的网站。

您可以通过在项目目录中运行 amplify add hosting 来触发此工作流程。接下来，选择 Hosting with Amplify Console 选项。然后，选择 Continuous deployment 选项。这将打开一个浏览器窗口并将您带到您的 amplify-project 主页。在这里，单击前端环境选项卡，选择您的存储库提供商，然后单击“连接分支”。您必须按照步骤授权 Amplify 访问您的存储库。一旦您的提供商获得授权，您应该会看到一个下拉菜单，其中包含您的存储库列表。选择合适的仓库和分支，点击“下一步”。

接下来，确认您的构建设置。假设您的网站位于项目目录的根目录下，您的构建设置可能类似于以下内容：

version: 1
frontend:
  phases:
    # IMPORTANT - Please verify your build commands
    build:
      commands: []
  artifacts:
    # IMPORTANT - Please verify your build output directory
    baseDirectory: /
    files:
      - '**/*'
  cache:
    paths: []

再次点击“下一步”。在下一个屏幕上，选择“保存并部署”。假设所有东西都配置正确，Amplify 现在应该克隆您的存储库并部署它。您现在可以通过访问 CLI 提供的链接来确认该过程已正确执行。此后，每当您将网站更改推送到 gitlab 时，Amplify 都会自动重新部署您的网站。

有关详细信息，请参阅 docs！