前言
在以往开发过程中，我们经常需要更新我们的 CDN 内容，以便确保最新的代码被访问者使用。为了实现 CDN 刷新，我们可以使用 AWS CloudFront 服务。但是，手动更新缓存是一个繁琐的过程，特别是当你有许多分布式 CDN 实例时。因此，此时我们需要一个自动化的方法，该方法可以帮助我们自动刷新我们的 CDN 缓存。
@jimjkelly/cloudfront-invalidate 就是一个非常好用的 npm 包，可以自动刷新您的 AWS CloudFront 缓存。在本文中，我 将详细介绍如何使用 @jimjkelly/cloudfront-invalidate。
安装
在使用之前，我们需要先安装 @jimjkelly/cloudfront-invalidate 这个 npm 包，可以直接运行以下命令：
npm install @jimjkelly/cloudfront-invalidate
使用
使用 @jimjkelly/cloudfront-invalidate 能够轻松地刷新 CDN。以下是该模块的使用方法：
引入模块
首先，我们需要引入模块：
const promiseInvalidate = require('@jimjkelly/cloudfront-invalidate');设定配置
要使用 @jimjkelly/cloudfront-invalidate 刷新 CDN 需要配置 AWS 凭据和 CloudFront 分发的 ID。因此，我们需要执行以下代码来设置 AWS 凭据和 CloudFront 分发的 ID：
-- -------------------- ---- ------- ----- ----------- - - ------------ ------------------------ ---------------- ---------------------------- ------- ---------------- -- ---------------- ------- -- ----- ------ - - ------------------ ------- -- ------ --------------- ------------------------- -- ---------- --- -- --
运行刷新
现在，我们设置好了凭据和 CloudFront 分发 ID，接下来我们就可以使用 @jimjkelly/cloudfront-invalidate 模块通过AWS SDK 刷新 CDN缓存。运行以下代码就可以完成 CDN 刷新:
promiseInvalidate(config, credentials).then(() => {
console.log('invalidate succesful');
}).catch(err => {
console.error('invalidate failed', err);
});示例代码
接下来，让我们看一个完整的示例。假设我们有一个 HTML 文件 index.html 存储在 Amazon S3 上，并使用 AWS CloudFront 缓存。每当我们更新 HTML 文件时，我们都需要手动更新缓存，这样不仅费时费力，而且容易出错。使用 @jimjkelly/cloudfront-invalidate，我们可以轻松地自动更新 CDN 缓存。
步骤
- 首先请确保您安装了 AWS SDK（可以查看 AWS_SDK 官网）以及@jimjkelly/cloudfront-invalidate模块。
- 设置 CloudFront 的分发 ID、AWS 凭据和需要刷新的路径：
-- -------------------- ---- -------
----- ------ - -
------------ ----- ------ ------
---------------- ----- ------ ------
------- ----------
--
----- ------------- - -
--------------- ------------ ------------ -----
------------------ ------
--- 我们创建一个新的
index.html文件，并将其上传到 Amazon S3 存储桶中：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
----------------------
-------
------
---------- -----------
-------
-------- 接下来，在本地运行以下代码：
-- -------------------- ---- -------
----- --- - -------------------
----- ----------------- - --------------------------------------------
----- -- - --- --------
------------ ------
---
----- ---------- - -------- -------
----- -------- - ------ -------
-- ----------- --
--------------
------- -----------
---- ---------
------------ ------------
----- -----------------------------
-- ------------- ----- -
-- ----- -
------ ----------------------- -----
-
------------------------ ------
-- -- ---------- ---
-------------------------------- --------------- -- -
----------------------- -------------
------------ -- -
------------------------- -------- -----
---
---- 如果一切顺利，你现在已经完成了一个自动更新 CDN 的示例。
结语
@jimjkelly/cloudfront-invalidate 模块帮助我们轻松地自动更新 CDN 缓存，不仅可以节省时间和减少错误，同时也可以确保使用最新的代码。我希望这篇文章能够帮助到你，让你在前端开发中更高效地更新 CDN 缓存。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc4967216659e244333