當(dāng)前位置：首頁 > 云主機問題 > AWS Lambda@Edge

美國服務(wù)器優(yōu)惠信息

AWS Lambda@Edge

作者：IDCBEST來源：天下數(shù)據(jù)2023/8/25 瀏覽次數(shù)：2381

TikTok方案高防CDN套餐香港服務(wù)器租用美國服務(wù)器租用海外服務(wù)器租用 SSL證書云主機云代理

Lambda@Edge 是 AWS Lambda 計算服務(wù)的補充，用于自定義 Cloudfront 提供的內(nèi)容。

顯示 AWS Lambda 與來自 AWS 的 cloudfront 的工作的框圖如下所示-

Block Diagram Cloudfront

AWS Lambda 有四種使用方式-

查看器請求- 最終用戶向 CloudFront 發(fā)出名為"查看器請求"的請求源請求- CloudFront 將請求轉(zhuǎn)發(fā)到源源響應(yīng)- CloudFront 從源接收響應(yīng)查看者響應(yīng)- CloudFront 將響應(yīng)發(fā)送給查看者

我們可以將 Lambda@Edge 用于以下目的-

在請求和響應(yīng)時更改標(biāo)頭。將 cookie 詳細信息添加到標(biāo)題中。根據(jù)請求和響應(yīng)執(zhí)行 AB 測試。根據(jù)標(biāo)題詳細信息將 URL 重定向到另一個站點。我們可以從標(biāo)頭中獲取用戶代理并找出瀏覽器、操作系統(tǒng)等的詳細信息。

要求

要開始使用 CloudFront 和 Lambda@Edge，我們需要以下內(nèi)容-

使用文件詳細信息創(chuàng)建 S3 存儲桶創(chuàng)建允許使用 CloudFront 和 Lambda@Edge 的角色創(chuàng)建 CloudFront 分配創(chuàng)建 lambda 函數(shù)向 cloudfront 添加 lambda 函數(shù)詳細信息在瀏覽器中檢查 cloudfront url

我們將使用 CloudFront 和 Lambda@Egde 處理一個示例，其中我們將托管頁面并在檢測到桌面和設(shè)備時更改響應(yīng)。

使用文件詳細信息創(chuàng)建 S3 存儲桶

登錄 AWS 控制臺并在 S3 中創(chuàng)建一個存儲桶并添加。 html 要顯示的文件。

存儲桶

點擊 S3和創(chuàng)建存儲桶，如下所示-

Amazon S3

現(xiàn)在，單擊創(chuàng)建存儲桶按鈕并添加存儲桶的詳細信息，如下所示-

創(chuàng)建存儲桶按鈕

點擊創(chuàng)建按鈕并上傳其中的 .html。

上傳 Html

創(chuàng)建角色

轉(zhuǎn)到 AWS 控制臺并單擊 IAM。

Security

現(xiàn)在，點擊 Roles-> Create role 按鈕，如圖所示-

創(chuàng)建角色儀表板

為 S3、Lambda 和 Cloudfront 選擇權(quán)限。創(chuàng)建策略只允許使用 ARN 詳細信息存儲所需的功能是一種很好的做法。

在下面討論的示例中，我們顯示了完全訪問權(quán)限。如上所示，添加了角色名稱 role for cloudfront 的策略。點擊創(chuàng)建角色。

完全訪問權(quán)限

Role Cloudfront

lambda@edge 和 cloudfront 所需的所有策略如上所示。這里還有一個額外的步驟要完成，因為在 cloudfront 的情況下，url 將跨區(qū)域可用，并且它需要我們使用的服務(wù)之間的信任關(guān)系。

現(xiàn)在，對于創(chuàng)建的角色，點擊信任關(guān)系標(biāo)簽，如圖所示-

Relationship

點擊編輯信任關(guān)系，如下圖所示-

編輯信任關(guān)系

它顯示一個策略文檔。我們需要在我們計劃使用的 Principal-> Service 中添加其他服務(wù)。最終的信任關(guān)系政策文件如下圖所示-

最終信任關(guān)系

點擊更新信任策略按鈕保存更改。

創(chuàng)建 CloudFront 分配

轉(zhuǎn)到 CloudFront 服務(wù)，如下所示-

創(chuàng)建 Cloudfront

點擊 CloudFront 服務(wù)，然后點擊創(chuàng)建分配-

創(chuàng)建分發(fā)

來源設(shè)置、行為設(shè)置和分發(fā)設(shè)置

讓我們一一研究這些設(shè)置-

原點設(shè)置

Origin Settings

Origin 設(shè)置的各種參數(shù)解釋如下-

Origin Domain Name- 這是我們存儲 html 文件的 S3 存儲桶的名稱。我們還可以通過創(chuàng)建我們選擇的文件夾將圖像（如果有）存儲在 S3 存儲桶中。

Origin Path- 在這里您需要輸入存儲文件的文件夾的名稱。目前我們沒有這個文件夾，所以暫時留空。

原點ID - 在選擇原始域名時填充。您可以根據(jù)自己的選擇更改 ID。

限制存儲桶訪問- 在此，我們將選擇選項是。在這里，我們需要 S3 存儲桶的安全性，以便沒有人可以訪問 S3 存儲桶。對于此選項，還填充了更多選項，例如 Origin Access Identity、Comment 和 Grant Read Permission on Bucket。

Origin Access Identity- 我們使用了創(chuàng)建新的身份選項。您還可以選擇現(xiàn)有身份。這會創(chuàng)建一個新身份，CloudFront 使用該身份從 S3 存儲桶中讀取詳細信息。

存儲桶的大讀取權(quán)限- 為此，選擇選項是。

Origin 自定義標(biāo)題- 我們將此處的標(biāo)題留空，因為我們現(xiàn)在不需要詳細信息。

接下來，讓我們討論并填寫 Cloudront 分發(fā)的行為設(shè)置-

行為設(shè)置

現(xiàn)在，選擇協(xié)議-https 或 http，以及緩存選項。請注意，默認(rèn)緩存是 86400 或 24 小時。您可以根據(jù)需要更改此值。

單擊對象緩存（自定義選項）以更改緩存。如果您的頁面上有任何視頻，您可以使用流暢流式傳輸。在這里，我們保持默認(rèn)選項可用。創(chuàng)建 lambda 函數(shù)后，將添加其詳細信息。

分發(fā)設(shè)置的詳細信息如下所示-

對象緩存

分布設(shè)置的各種參數(shù)解釋如下-

價格等級- 它包含用戶流量來源等詳細信息。請注意，這里我們選擇了默認(rèn)值- 使用所有邊緣位置。

AWS WAF Web ACL- 這是用于 Web 應(yīng)用程序防火墻選擇。在這里，它的選項為無。首先，我們需要在 AWS 中創(chuàng)建防火墻。它為網(wǎng)站提供安全保障。

備用域名- 如果有，您可以在此處指定域名。

SSL 證書- 這包含要為 SSL 證書選擇的所有詳細信息。我們將保留默認(rèn)的。

默認(rèn)根對象- 這里我們將指定我們在 S3 中上傳的文件名。為此，我們需要默認(rèn)顯示 .html 中的內(nèi)容。

其余的，我們將保持默認(rèn)設(shè)置。

點擊創(chuàng)建分配按鈕添加分配。

Cloudfront Distribution

請注意，分發(fā)將需要一些時間才能顯示已部署狀態(tài)。

創(chuàng)建 AWS Lambda 函數(shù)

轉(zhuǎn)到 AWS 控制臺并創(chuàng)建 Lambda 函數(shù)。

Cloudfront Function

在 AWS Lambda 代碼中，我們將獲取請求標(biāo)頭并檢查用戶代理。如果用戶代理來自桌面，我們將更改響應(yīng)以將消息顯示為 "桌面：歡迎使用 Cloudfront 的 AWS Lambda！"，如果設(shè)備消息將是 "移動設(shè)備：來自 Lambda@Edge，您好！"

對應(yīng)的AWS Lambda代碼如下圖-

let content = `
<\!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Simple Lambda@Edge static Content Response</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
   
   <body>
      <h1>MOBILE DEVICES : Hello from Lambda@Edge!</h1>
   </body>
</html>
`;
let content1 = `
<\!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Simple Lambda@Edge static Content Response</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
   
   <body>
      <h1>DESKTOP : Welcome to AWS Lambda with Cloudfront!</h1>
   </body>
</html>
`;
exports.handler = (event, context, callback) => {
   let request = event.Records[0].cf.request;
   let finalrequest = JSON.stringify(request);
   let headers = request.headers;
   let useragent = JSON.stringify(headers["user-agent"][0].value);
   let str = "";
   if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(useragent)) {
      str = content;
   } else {
      str = content1;
   }
   const response = {
      status: "200",
      statusDescription: "OK",        
      body: str+useragent,
   };
   callback(null, response);
};

現(xiàn)在，保存 Lambda 函數(shù)。請注意，我們需要發(fā)布 Lambda 函數(shù)，以便它可以用于所有區(qū)域。要發(fā)布，我們需要執(zhí)行以下操作-

從操作下拉列表中，選擇發(fā)布新版本，如下所示-

發(fā)布新版本