前端开发者通常需要将网站部署到云端，让用户可以访问和使用。云服务提供商如 AWS 为开发者提供各种方便快速的部署方式，其中，静态网站部署是最简单最快捷的方式之一。本文将介绍一个 npm 包 @k_higuchi/pulumi-aws-staticsite-builder，它是一个用于在 AWS 中构建静态网站的 Pulumi 组件。
什么是 Pulumi
Pulumi 是一个跨越云和本地的方式，用于构建、部署和管理基础设施和应用程序。Pulumi 允许你使用一致的编程语言（JavaScript、TypeScript、Python、Go 和 .NET 等），构建基础设施代码，并以可编程的方式定义和管理云部署。Pulumi 将这些基础设施资源编排到云服务商的资源栈中，从而实现更好的可扩展性和可维护性，同时可以在云端和本地工作。在使用 Pulumi 之前，你需要先配置相应的云账号、密钥等信息。
为什么选择 @k_higuchi/pulumi-aws-staticsite-builder
当你需要构建静态网站时，你可以手动创建 AWS S3 存储桶、CloudFront 分发等资源，然后再手动上传网站文件到创建好的存储桶中。但这个过程繁琐且容易出错。而使用 @k_higuchi/pulumi-aws-staticsite-builder，只需要简单的几行代码，就可以实现完整的静态网站部署。此组件的主要特点包括：
- 简单易用：只需几行代码，就可以实现完整的静态网站部署。
- 自动化：自动创建 S3 存储桶、CloudFront 分发等所需的 AWS 资源。
- 自定义：你可以通过 Pulumi 配置文件来更改默认行为，例如更改存储桶名称、启用非搭载站点、添加 SSL 等。
- 开源：开源项目，可以查看源代码并贡献代码。
如何使用 @k_higuchi/pulumi-aws-staticsite-builder
1.安装和配置 Pulumi
首先，你需要安装和配置 Pulumi。
可以通过以下步骤安装：
npm install -g pulumi
然后可以使用以下命令配置 Pulumi：
pulumi login
此命令将在浏览器中请求你的 AWS 数据，以便从 AWS 中获取要使用的服务凭据。此外，你还需要将 Pulumi 配置文件中的提供者（provider）设置为 AWS。为此，可以使用以下命令：
pulumi config set aws:region <your-aws-region> pulumi config set aws:profile <your-aws-profile>
2.安装 @k_higuchi/pulumi-aws-staticsite-builder
npm i -S @k_higuchi/pulumi-aws-staticsite-builder
3.使用 Pulumi 程序定义静态网站资源
在你的项目中，创建一个 index.ts 文件，输入以下内容：
-- -------------------- ---- -------
------ - -- --- ---- --------------
------ - -- -------------------- ---- -------------------------------------------
-- ---- -- ---
----- ------ - --- ------------------------------- -
---- --------------
-------- -
-------------- -------------
--
---
-- ----------
----- ------------- - --- ----------------------------------------------------------- -
-------- -------
------------ -----------------------
---------- ------
--------- ----
---
-- ---- ---
------ ----- ---------- - ------------------这里我们定义了一个 S3 存储桶和一个静态网站资源堆栈，由静态网络资源堆栈自动创建所需的 CloudFront 分发、ACM 证书等资源。domainNames 和 subdomain 是用于配置 CloudFront 分发的。forceSsl 选项用于强制使用 HTTPS 访问你的网站。你可以通过修改代码来自定义更多选项。最后，我们导出网站的 URL，您可以直接将其用于浏览器中访问您刚刚搭建的静态网站。
4.运行 Pulumi stack 更新
现在，所有的代码都已经准备就绪，可以使用以下Pulumi 命令来进行更新：
pulumi up
这会默认创建一个 AWS 环境堆栈，用于存储我们定义的资源。
在成功部署完成后，你可以看到输出的 websiteUrl。使用浏览器访问 websiteUrl 即可访问你刚刚搭建的静态网站。
总结
在本教程中，我们介绍了如何使用 @k_higuchi/pulumi-aws-staticsite-builder 来自动化构建静态网站，并将其部署到 AWS 上。通过使用 Pulumi 和该包，您可以更快速和可维护的部署和管理您的静态网站。看到这里，你已经掌握了 Pulumi 的基本使用方式及其在静态网站部署中的应用，祝你编码愉快。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006737a890c4f7277584164