如何使用 s3 和 Lightsail Origin 配置 AWS CloudFront

Question

我正在嘗試建立一個滿足以下所有 3 個條件的網站。

1."https://example.com/"         → Refer to s3 bucket "aaa"
2."https://example.com/service"  → Refer to s3 bucket "aaa" /service directory
3."https://example.com/magazine" → Refer to the Lightsail Wordpress page

現在域“example.com”與 Route53 上的 CloudFront“bbb.cloudfront.net”相關聯。 我將這個 CloudFront 的來源設置為 s3 存儲桶“aaa”，行為設置是默認引用這個 s3 存儲桶。 這樣，可以容易地滿足條件1和2。

但是有沒有辦法配置條件3？
是否可以為“bbb.cloudfront.net”設置行為以引用 Lightsail IP 地址？ 我找到了一些使用子域實現此目的的方法，例如讓https://ccc.example.com/引用 Lightsail IP 地址，但子域不是我想要的。

我不確定這種結構（CloudFront + s3 + Lightsail）本身是否有問題或者是否有辦法。 如果你有任何通知，誰能給我一些建議？

Answer 1

非常感謝JBS ！

這個問題已經解決，我在下面描述了我所做的。

結構圖：帶有 Cloudfront 的 aws lightsail

1. 創建一個子域 wp.example.com 並在 Route53 中將其注冊為 A 記錄，使用 Lightsail 的 IP 地址。 子域名無關緊要，因為它僅用於從 Cloudfront 訪問。
2. 使用上面的子域創建一個 Cloudfront 源，將協議策略設置為“將 HTTP 重定向到 HTTPS”，允許 HTTP 方法為 ALL。
3. 在 Cloudfront 中，參考此頁面並為上面的子域創建 5 個行為。 （在我的情況下，我在每個行為的頂部添加了/magazine）https://docs.aws.amazon.com/ja_jp/whitepapers/latest/best-practices-wordpress/cloudfront-distribution-creation.ZFC35FDC70D5FC69D269883A822PROC7A53EZ Whitelisting“HTTP_PROC7A53EZ Whitelisting”和“HOST”是使用“example.com”域訪問 wordpress 的關鍵。 此外，允許所有 cookies 和查詢字符串用於動態路徑（wp-admin/* 和 wp-login.php）也很重要
4. 在 Cloudfront 常規設置中，將 CNAME 設置為“example.com”
5. 此時，Javascript 和 CSS 被阻塞，因為它們是用 HTTP 訪問的。 在 wordpress 管理 UI 上，添加插件“SSL Insecure Content Fixer”並在其 HTTPS 檢測設置中添加 select“HTTP_CLOUDFRONT_FORWARD”和保存。

這個線程也很有用： 任何方式來設置 AWS Cloudfront 指向 static IP 地址（WP 托管在 GoDaddy 上）？