使用 Cloudflare 在 AWS Lambda 上部署 SSR Nuxt.js？

Question

我正在嘗試通過 Cloudflare 支持的 AWS Lambda 上的 nuxt.js 實現一個 vue.js 服務器（-less）端呈現的類似 webshop 的站點。

我更喜歡 Cloudflare 而不是 Cloudfront，因為 http/3、圖像優化功能、攻擊安全性、brotli 以及 Cloudflare 提供的一些開箱即用的功能。

不幸的是，我找不到任何資源，如果有人以前這樣做過，以及要注意什么才能正常工作。

現在我的設置是這樣的：

User -> Route53 -> AWS API Gateway -> AWS Lambda
 -> S3 (for static files)
 -> another AWS Lambda for dynamic data from Elasticsearch indexes

我不確定在哪里正確集成 Cloudflare。

`我找到了一篇關於以下內容的博文和主題：

使用 Cloudflare Workers 而不是 AWS API Gateway https://news.ycombinator.com/item?id=16747420
為 Cloudfront 提供的 Lambda 創建 CNAME，但我不確定這是否會觸發到 Cloudfront 的另一次往返和額外費用？ https://forums.aws.amazon.com/thread.jspa?threadID=261297
將子域連接到 API 網關https://medium.com/@bobthomas295/combining-aws-serverless-with-cloudflare-sub-domains-338a1b7b2bd
另一個解決方案可能是我直接在 Cloudflare Worker 中構建 nuxt.js，但我不確定這個解決方案有什么缺點，因為 Pro Plan 中的 CPU 時間非常有限？ `

此外，我已經閱讀了一篇關於通過只允許 Cloudflare IP 來保護 API 網關免受攻擊者的必要性的文章。

你們中有人已經使用 Cloudflare 設置了 Vue + Nuxt 嗎？ 我願意接受任何其他建議或想法。

非常感謝！ 菲利普

Answer 1

我不確定在哪里正確集成 Cloudflare。

假設這是這里問題的關鍵，這就是使用您提供的符號的樣子。

User -> Route53 -> Cloudflare -> AWS API Gateway -> AWS Lambda -> S3 -> Another lambda

基本思想是，您希望 Cloudflare 成為您的 DNS (Route53) 解析的第一件事，以便它可以在緩存內容到達您的應用程序之前正確地提供它。 在這種情況下，將從 API Gateway 開始。