npm包gulp-cloudfront-invalidate使用教程

什么是gulp-cloudfront-invalidate?

gulp-cloudfront-invalidate是一款被广泛使用的gulp插件,主要用于管理AWS Cloudfront的文件失效功能。该插件可以帮助前端工程师对于缓存在不同AWS边缘网络节点中的静态资源进行批量管理,从而可以更好地进行网站内容更新。

安装gulp-cloudfront-invalidate

在开始使用gulp-cloudfront-invalidate之前,你需要确保你的电脑中安装了Node.js和npm。接下来,你需要打开终端或命令提示符,运行以下命令来安装gulp-cloudfront-invalidate:

--- ------- -------------------------- ----------

使用gulp-cloudfront-invalidate

使用gulp-cloudfront-invalidate需要进行以下的基本配置。

配置AWS环境

在使用gulp-cloudfront-invalidate之前,你需要对其所在的AWS环境进行配置。首先,你需要打开AWS控制面板,进入IAM页面,创建一个用于gulp-cloudfront-invalidate的IAM用户,并授权相应的CloudFront管理API权限。在控制面板页面右上角,单击自己的用户名,选择Security Credentials选项。

然后,在Access Keys中,单击Create New Access Key并复制刚生成的Access Key ID和Secret Access Key。你需要将这两个值记录在文件中,以便在使用gulp-cloudfront-invalidate时进行配置同AWS的连接。

gulpfile.js配置

在使用gulp-cloudfront-invalidate之前需要进行以下的配置:

  1. 配置AWS S3 Bucket地址,例如:s3://aws-test-bucket

    ----- --------- - -----------------------
  2. 配置AWS地区和分布ID,例如:eu-west-1E2U3V6UZH3206S

    ----- --------------- - -----------------
    ----- ---------- - ------------
  3. 配置AWS认证信息

    ----- --------------- - -
      ------------ ---- ------ --- ----
      ---------------- ---- ------ ------ ----
    --
  4. 配置gulp任务

    ----------------------- ---------- -
      --- ----------------- - -
        ---------------- --- ----------------------------
        ------ -
          --------- --
          ------ - ---- -
        -
      --
      ------ -------------
        ------------------------------------------- ---------------- ---------- -------------------
        ----------------------
    ---

示例代码

下面是一段基于gulp-cloudfront-invalidate完成的基本代码

----- ---- - ----------------
----- -------------------- - --------------------------------------

----- --------- - -----------------------
----- --------------- - -----------------
----- ---------- - ------------
----- --------------- - -
  ------------ ---- ------ --- ----
  ---------------- ---- ------ ------ -----
--

----------------------- ---------- -
  --- ----------------- - -
    ---------------- --- ----------------------------
    ------ -
      --------- --
      ------ - ---- -
    -
  --
  ------ -------------
    ------------------------------------------- ---------------- ---------- -------------------
    ----------------------
---

结语

使用gulp-cloudfront-invalidate可以帮助前端工程师方便地管理AWS Cloudfront中的文件失效功能,从而可以更好地进行网站内容更新。本文主要介绍了如何安装和使用gulp-cloudfront-invalidate,也给出了相应的代码示例。希望以上内容可以帮助到前端工程师更好地使用gulp-cloudfront-invalidate插件。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedaa9fb5cbfe1ea0610537


猜你喜欢

  • npm 包 stupid-replace 使用教程

    随着前端开发的不断发展,我们对于代码的可读性和可维护性的要求也越来越高,因此我们需要使用一些工具来简化开发流程。npm 包是前端开发中常用的工具之一,其中一个非常常见的 npm 包就是 stupid-...

    4 年前
  • npm 包 @arkecosystem/core-logger 使用教程

    什么是 @arkecosystem/core-logger? @arkecosystem/core-logger 是一款 Node.js 的 npm 包,用于将日志记录到指定的输出位置。

    4 年前
  • npm 包 rsautl 使用教程

    前言 在 Web 应用程序中,我们通常需要进行数据加密和解密操作。RSA 算法是一个公开密钥加密算法,非常适合在 Web 应用程序中使用。npm 包 rsautl 提供了一套方便易用的 RSA 加密/...

    4 年前
  • npm 包 udc 使用教程

    什么是 udc? udc 是一个用于处理时间和日期的 npm 包,可以轻松地将时间戳转换为所需的格式,并提供了一系列工具函数来使日期和时间操作更加简单。 安装 udc 通过 npm 安装 udc: -...

    4 年前
  • npm 包 attempt 使用教程

    什么是 attempt attempt 是一个 npm 包,它是一个简单但强大的函数,可用于尝试在 JavaScript 中运行给定函数,如果抛出异常,则可以保留异常并返回默认值。

    4 年前
  • npm 包 attempt-promise 使用教程

    在前端开发中,有时候我们需要重试一个异步操作,例如网络请求失败后重新尝试,或者调用接口失败后重试。这种情况下,一个很方便的工具是 attempt-promise 这个 npm 包。

    4 年前
  • npm 包 flush-buffer 使用教程

    在前端开发中,我们常常需要使用到 buffer 缓存,但是当缓存的数据量过大时,我们要考虑对缓存进行刷新操作以防止出现卡顿等问题。 npm 包 flush-buffer 就是一个很好的解决方案,下文将...

    4 年前
  • npm 包 request-prom 使用教程

    Node.js 是一个非常流行的 JavaScript 运行时环境。在 Node.js 中使用 request 库来发起 HTTP 请求是非常常见的。不过,request 库并不支持 Promises...

    4 年前
  • npm 包 @types/getos 使用教程

    在 Web 开发中,前端工程师需要使用各种插件和库来提升开发效率和 Web 应用的功能。npm 是 JavaScript 生态中最大的包管理器,其中包含了海量的第三方库和插件,为前端开发者提供了丰富的...

    4 年前
  • npm 包 azure-iot-common 使用教程

    在前端开发过程中,有很多 JavaScript 库和框架可以使用来实现各种功能,而 azure-iot-common 就是其中一个用于 Azure IoT 中心通信的 npm 包。

    4 年前
  • npm 包 azure-iot-http-base 使用教程

    前言 在使用 Azure IoT Hub 进行物联网设备开发时,HTTP 协议被广泛使用。azure-iot-http-base 是一个 Node.js 模块,它提供了适用于 Azure IoT Hu...

    4 年前
  • npm 包 @azure/abort-controller 使用教程

    简介 在前端开发中,有时我们需要在请求过程中终止请求操作,这时候,@azure/abort-controller 就是一个十分有用的 npm 包,它提供了一种取消异步操作的方法。

    4 年前
  • npm包node-crontab使用教程

    介绍 随着互联网的不断发展,定时器任务已经成为了很多网站和应用的必备功能,而 node-crontab npm包就是为了解决这个问题而生的。node-crontab 是一个用于创建和管理定时任务的工具...

    4 年前
  • npm 包 azure-iot-amqp-base 使用教程

    前言 在前端开发过程中,有时需要使用到 Azure IoT 设备接入功能,使用 npm 包 azure-iot-amqp-base 可以帮助我们更快捷地实现这一功能。

    4 年前
  • npm 包 azure-iothub 使用教程

    Azure IoTHub 是微软提供的一款可实现物联网场景下设备和云端通信的服务。npm 包 azure-iothub 提供了一组 Node.js API,使得开发者可以在 Node.js 环境下与 ...

    4 年前
  • npm 包 umi-lint 使用教程

    前端开发面临的一个问题就是代码质量的保证。为了解决这个问题,要使用代码审查工具来发现潜在的问题,如语法错误、潜在的代码bug以及其他不安全的代码实践。在这篇文章中,我们将介绍一个名为 umi-lint...

    4 年前
  • npm 包 escape-carriage 使用教程

    简介 在前端开发中,常常会遇到需要对文本进行处理的情况,其中就包括转义一些字符,比如将换行符转义为 \n,将制表符转义为 \t 等等。而 escape-carriage 就是一款能够对车符(Carri...

    4 年前
  • npm 包 @types/css-modules 使用教程

    如果你是一名前端开发者,那么你一定离不开 npm。npm 上有大量的前端库和包可供使用,其中包括了 @types/css-modules。这个 npm 包可以让你在 TypeScript 项目中使用 ...

    4 年前
  • 前端技术文章 - npm 包 umi-plugin-types 使用教程

    什么是 umi-plugin-types? umi-plugin-types 是一个用于 TypeScript 类型检查的 umi 插件。umi 是一个基于 react 的前端框架,umi-plugi...

    4 年前
  • npm 包 umi-plugin-library 使用教程

    在前端开发中,我们常常需要编写一些可复用的代码库供其他项目或开发人员使用。为了方便管理和使用这些代码库,我们可以使用 npm 包进行管理。而 umi-plugin-library 就是一个非常方便的 ...

    4 年前

相关推荐

    暂无文章