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

html5 • • 问答

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

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

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

回答

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

您可以通过amplify add hosting在项目目录中运行来触发此工作流。接下来，选择Hosting with Amplify Console选项。然后，选择该Continuous deployment选项。这将打开一个浏览器窗口并将您带到您的 amplify-project 主页。在这里，单击 Frontend Environments 选项卡，选择您的存储库提供商，然后单击“连接分支”。您必须按照步骤授权 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 都会自动重新部署您的网站。

有关更多信息，请参阅文档！

以上是如何在不使用.zip文件的情况下将我的web应用程序从Gitlab上传到Amplify的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>