tekwiz/0-AWS_S3_Snippets.md

## 0-AWS_S3_Snippets.md

      
    Raw
  

              0-AWS_S3_Snippets.md
            
          
    AWS S3 Snippets


Bucket Policy
JSON
(raw)
CORS Bucket Configuration
JSON
(raw)
Basic Index File
Slim
HTML
(raw)
Basic Error File
Slim
HTML
(raw)

Changelog

December 31, 2013


Reformatted gist organization.
Moved default index & error files from Gist 501095ad25beb6f9300a.

October 14, 2013


Removed DenyPrivateUploads statement from bucket policy.  This is now causing problems uploading
files to my S3 website buckets.  The PublicWebsite statement appears to be taking care of
defaulting permissions properly.
Added this Changelog.
Changed terminology to be consistent with S3: CORS bucket "policy" is "configuration".
Changed file names to be prefixed by a number to arrange them logically in the GitHub Gist
frontend.

February 8, 2013


Added CORS bucket policy.

January 11, 2013


Created bucket policy.


## bucket_policy.json
{
  "Version": "2008-10-17",
  "Id": "Policy{{ bucketName }}",
  "Statement": [
    {
      "Sid": "PublicWebsite",
      "Effect": "Allow",
      "Principal": { "AWS": "*" },
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::{{ bucketName }}/*"
    }
  ]
}

## cors_bucket_configuration.xml
<?xml version="1.0" encoding="UTF-8"?>

<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
  <CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
  </CORSRule>
</CORSConfiguration>

## error.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Not Found</title>
    <style type="text/css">
      body {
        margin: 2em 1em 1em 1em;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <header>
      <h1>
        Not Found
      </h1>
    </header>
  </body>
</html>

## error.html.slim
doctype html
html
  head
    meta charset="utf-8"
    title Not Found
    css:
      body {
        margin: 2em 1em 1em 1em;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
      }
  body
    header
      h1 Not Found

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>{{ title }}</title>
    <style type="text/css">
      body {
        margin: 2em 1em 1em 1em;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <header>
      <h1>
        {{ title }}
      </h1>
    </header>
  </body>
</html>

## index.html.slim
doctype html
html
  head
    meta charset="utf-8"
    title = "{{ title }}"
    css:
      body {
        margin: 2em 1em 1em 1em;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
      }
  body
    header
      h1  = "{{ title }}"
	{
	"Version": "2008-10-17",
	"Id": "Policy{{ bucketName }}",
	"Statement": [
	{
	"Sid": "PublicWebsite",
	"Effect": "Allow",
	"Principal": { "AWS": "*" },
	"Action": "s3:GetObject",
	"Resource": "arn:aws:s3:::{{ bucketName }}/*"
	}
	]
	}
	<?xml version="1.0" encoding="UTF-8"?>

	<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
	<CORSRule>
	<AllowedOrigin>*</AllowedOrigin>
	<AllowedMethod>GET</AllowedMethod>
	<AllowedHeader>*</AllowedHeader>
	</CORSRule>
	</CORSConfiguration>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Not Found</title>
	<style type="text/css">
	body {
	margin: 2em 1em 1em 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
	</style>
	</head>
	<body>
	<header>
	<h1>
	Not Found
	</h1>
	</header>
	</body>
	</html>
	doctype html
	html
	head
	meta charset="utf-8"
	title Not Found
	css:
	body {
	margin: 2em 1em 1em 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
	body
	header
	h1 Not Found