5

我刚开始在亚马逊的 S3 上存储用户上传的图像。这很好，因为它解决了我的存储问题。但是，在让浏览器缓存图像时，我很挣扎。

我正在使用 django-storages。在他们的文档中，他们指定您可以通过在设置中设置 AWS_HEADER var 将内容放在图像的请求标头上。我正在这样做，但没有得到任何结果。

基本上，当应用程序请求图像时，我每次都会得到 200 个。ARG ...当我将浏览器直接转到图像时（将链接复制并粘贴到新窗口中），我每次都会得到 200 和 304。

这非常令人沮丧，因为它每次都会重新下载图像。有些页面上最多有 25 个小缩略图，每次重新加载页面时它都会重新下载所有内容。

我正在使用 djangos staticfiles 提供我的静态文件，它们工作正常。我得到一个 200，然后在文件被缓存后得到 304。

这是我在 settings.py 中的 AWS 设置

DEFAULT_FILE_STORAGE = 'storages.backends.s3boto.S3BotoStorage'
AWS_ACCESS_KEY_ID = '***'
AWS_SECRET_ACCESS_KEY = '***'
AWS_STORAGE_BUCKET_NAME = 'foobar_uploads'
AWS_HEADERS = {
    'Expires': 'Thu, 15 Apr 2020 20:00:00 GMT',
    'Cache-Control': 'max-age=86400',
}

AWS_CALLING_FORMAT = CallingFormat.SUBDOMAIN

以下是应用程序请求图像时的请求和响应标头：（我已将我认为可能是敏感信息的内容替换为“ * ”）

##request##
GET /user_uploads/*****/2012/3/17/14/46/thumb_a_28_DSC_0472.jpg?Signature=FVR6T%2BXFwHMmdQ9K3n7Ppp7QxoY%3D&Expires=1332023525&AWSAccessKeyId=***** HTTP/1.1
Host: *****_user_uploads_sandbox.s3.amazonaws.com
Connection: keep-alive
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.79 Safari/535.11
Accept: */*
Referer: http://localhost:8000/m/my-photos/
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3


##response##
HTTP/1.1 200 OK
x-amz-id-2: Hn3S+3gmeLHIjKCpz+2ocE6aPsLCVHh56jJYTsPHwxU98y89x+9X1Ml202evBUHT
x-amz-request-id: 528CEB880CA89AD3
Date: Sat, 17 Mar 2012 21:32:06 GMT
Cache-Control: max-age=86400
Expires: Thu, 15 Apr 2020 20:00:00 GMT
Last-Modified: Sat, 17 Mar 2012 20:46:29 GMT
ETag: "a3bc70e0c3fc0deb974edf95668e9030"
Accept-Ranges: bytes
Content-Type: image/jpeg
Content-Length: 8608
Server: AmazonS3

以下是当我通过复制和粘贴图像链接手动请求图像时的请求/响应标头：

##request##
GET /user_uploads/*****/2012/3/17/14/46/thumb_a_28_DSC_0472.jpg?Signature=FVR6T%2BXFwHMmdQ9K3n7Ppp7QxoY%3D&Expires=1332023525&AWSAccessKeyId=***** HTTP/1.1
Host: porlio_user_uploads_sandbox.s3.amazonaws.com
Connection: keep-alive
Cache-Control: max-age=0
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.79 Safari/535.11
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3
If-None-Match: "a3bc70e0c3fc0deb974edf95668e9030"
If-Modified-Since: Sat, 17 Mar 2012 20:46:29 GMT



##response##
HTTP/1.1 304 Not Modified
x-amz-id-2: FZH0imrbNxziMznhl5zAoo38CaM7Z+TFnd8R6HtTYB3eTmVpCih+1IniKaliRo18
x-amz-request-id: 3CACF77FBB39D088
Date: Sat, 17 Mar 2012 21:33:22 GMT
Last-Modified: Sat, 17 Mar 2012 20:46:29 GMT
ETag: "a3bc70e0c3fc0deb974edf95668e9030"
Server: AmazonS3

我看到有一些差异，例如 "If-None-Match:" 或 "If-Modified-Since:" 。我认为如果我要设置这些，那么它应该像我想要的那样工作。

是否有捷径可寻？

谢谢你的帮助！

编辑1：我读了这篇文章，翻译得不太好.. http://coder.cl/2012/01/django-and-amazon-s3/comment-page-1/

4

2 回答 2

5

如果您不希望 django-storages 将身份验证查询添加到静态媒体，请将以下内容添加到您的settings.py：

AWS_QUERYSTRING_AUTH = False

这是由 S3 Boto 后端引起的，它将自动附加查询字符串，除非通过 django-storages 指示不这样做。如果您查看应用程序的源代码，您会注意到它会在您的settings.py文件中查找一些额外的未记录设置（大约第 34 行）。

我在这里回复了 Github for django-compressor 上提出的类似问题。

于 2012-03-26T04:24:44.440 回答
1

您似乎没有在应用程序的请求中发送“If-None-Match”或“If-Modified-Since”，因此 S3 无法向您发送 304，因为它不知道您拥有什么. 如您所见，您的浏览器已缓存文件，因此它正在发送这两个标头并获得正确的 304 响应。

如果您要保留文件的本地副本，则需要存储 Last-Modified 和/或 ETag 并将它们与您对图像的请求一起发送。

顺便说一句，我会考虑仅使用 max-age 标头并跳过 Expires。根据规范，Expires 不应超过未来一年。同时使用 Expires 和 max-age 是多余的，并且 max-age 可以设置为相对数量（如您所做的那样）。

我强烈推荐这篇关于缓存的文章和他用于检查配置的相关REDbot工具。

于 2012-03-18T00:13:50.443 回答